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-13.9.0.pre.alpha.play845addswiftkitspage1273 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845addswiftkitspage1272 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1271 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1270 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1268 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1266 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1264 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1263 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1262 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.PLAY962SingleSelect1261 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1260 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.9.0 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1258 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1257 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.PLAY962SingleSelect1256 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1255 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1254 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.PLAY962SingleSelect1246 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245 app/pb_kits/playbook/pb_table/styles/_hover.scss
playbook_ui-13.8.0 app/pb_kits/playbook/pb_table/styles/_hover.scss