Contents

[class^=pb_table] {
  &.table-sm,
  &.table-md,
  &.table-lg {
    &.table-card {
      border-collapse: separate;
      border-spacing: 0;
      background: $white;

      thead, .thead {
        tr, .tr {
          th, .th {
            border-color: $border_light;
            border-style: solid;
            border-width: 1px 0 1px 0;

            &:first-child {
              border-radius: 4px 0 0 0;
              border-width: 1px 0 1px 1px;
            }
            &:last-child {
              border-radius: 0 4px 0 0;
              border-width: 1px 1px 1px 0;
            }
          }
        }
      }

      tbody, .tbody {
        tr, .tr {
          td, .td {
            border-color: $border_light;
            border-style: solid;
            border-width: 0 0 1px 0;

            &:first-child {
              border-width: 0 0 1px 1px;
            }
            &:last-child {
              border-width: 0 1px 1px 0;
            }
          }

          &:last-child {
            td, .td {
              border-width: 0 0 1px 0;

              &:first-child {
                border-radius: 0 0 0 4px;
                border-width: 0 0 1px 1px;
              }
              &:last-child {
                border-radius: 0 0 4px 0;
                border-width: 0 1px 1px 0;
              }
            }
          }
        }
      }
    }
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
playbook_ui-13.19.0.pre.alpha.PBNTR207tabledivsupport2245	app/pb_kits/playbook/pb_table/styles/_table-card.scss