Sha256: bbd43fb5b8ba81c482cabba7cc97543473d04d5adbc949c91f9b94ad7881b75d

Contents?: true

Size: 1.94 KB

Versions: 291

Compression:

Stored size: 1.94 KB

Contents

@import "../../tokens/opacity";

$transition-speed: 0.2s;

[class^=pb_table] {
  &.table-sm,
  &.table-md,
  &.table-lg {
    &:not(.no-hover) {
      border-collapse: collapse;
      tbody {
        tr {
          box-shadow: 0 0 0 $white;
          transition: box-shadow $transition-speed ease;
          td {
            border-top-color: transparent;
            border-top-width: 0;
            transition: all $transition-speed ease; 
          }
          @media (hover:hover) { 
            td {
              position: relative;
              &:after {
                transition: background-color $transition-speed ease, height $transition-speed ease;
                content: "";
                position: absolute;
                display: block;
                top: -1px;
                left: 0;
                right: 0;
                height: 0;
                background-color: transparent;
              }
              &:first-child:after {
                left: -1px;
              }
              &:last-child:after {
                right: -1px;
              }
            }
            &:hover {
              box-shadow: 0 2px 10px 0 rgba($slate, $opacity-6);
              td {
                border-color: darken($border_light, 10%);
                border-top-width: 0;
                border-top-color: transparent;
                &:after {
                  transition: background-color $transition-speed ease, height $transition-speed ease;
                  background-color: darken($border_light, 10%);
                  height: 1px;
                }
              }
            }
          }
        }
      }
      &.table-card {
        border-collapse: separate;
        tbody {
          tr {
            td {
              &:first-child {
                border-left-width: 1px;
              }
              &:last-child {
                border-right-width: 1px;
              }
            }
          }
        }
      }
    }
  }
}

Version data entries

291 entries across 291 versions & 1 rubygems

Version Path
playbook_ui-12.37.0.pre.alpha.svgiconmethods1064 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.37.0.pre.alpha.PLAY951collapsiblenav31062 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.37.0 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0.pre.alpha.svgiconmethods1059 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0.pre.alpha.svgiconmethods1043 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0.pre.alpha.PLAY942collapsiblenav21035 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.36.0 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.35.0.pre.alpha.iconpocwebfonts1023 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.35.0 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1004 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.34.0.pre.alpha.fixdialogcloseevents1003 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.34.0 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.33.1 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_table/styles/_hover.scss