Contents

@import "../../tokens/colors";

[class^=pb_table] {
  @each $name, $value in $cell-pad-list {
    &.#{$name} {
      width: 100%;
      thead, .thead {
        tr, .tr {
          th, .th {
            padding: $cell-pad-md $cell-gutter;

            &:first-child {
              padding-left: $cell-pad-endcap;
            }
            &:last-child {
              padding-right: $cell-pad-endcap;
            }
          }
        }
      }
      tbody, .tbody {
        tr, .tr {
          td, .td {
            border-color: $border_light;
            border-style: solid;
            border-width: 0 0 1px;
            padding: $value $cell-gutter;

            &:first-child {
              padding-left: $cell-pad-endcap;
            }
            &:last-child {
              padding-right: $cell-pad-endcap;
            }
          }
        }
      }
      &.data_table {
        thead tr th {
          padding-top: $cell-pad-sm;
          padding-bottom: $cell-pad-sm;
          &:first-child {
            padding-left: $cell-pad-sm;
          }
          &:last-child {
            padding-right: $cell-pad-sm;
          }
        }
        tbody tr td {
          padding-top: $cell-pad-sm;
          padding-bottom: $cell-pad-sm;
          &:first-child {
            padding-left: $cell-pad-sm;
          }
          &:last-child {
            padding-right: $cell-pad-sm;
          }
        }
      }
    }
  }
}

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/_structure.scss