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: 1px !important;
            transition: all $transition-speed ease;
          }

          &:hover {
            box-shadow: 0 2px 10px 0 rgba($slate, $opacity-6);

            td {
              background: $white;
              border-color: darken($border_light, 10%);
              border-top-width: 1px;
              border-top-color: transparent;
            }
          }
        }
      }
      &.as-cards {
        tbody {
          tr {
            td {
              border-top-color: $border_light;
              border-top-width: 1px;
            }

            &:hover {
              td {
                border-top-width: 1px;
                border-top-color: $border_light;
              }
            }
          }
        }
      }
      &.table-card {
        tbody {
          tr {
            td {
              &:first-child {
                border-left-width: 1px;
              }
              &:last-child {
                border-right-width: 1px;
              }
            }
          }
        }
      }
    }
  }
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version	Path
playbook_ui-2.8.1	app/pb_kits/playbook/pb_table/styles/_hover.scss