Sha256: 28b9727a0b85fb75e8394be02787bf3c173719311d47127720b3a1cfc7807cd3

Contents?: true

Size: 474 Bytes

Versions: 6

Compression:

Stored size: 474 Bytes

Contents

@import "base-variables/_colors.scss";
@import "base-variables/_spacing.sass";
@import "base-variables/_typography.sass";

@mixin tab($orient: "horizontal") {
  color: $gray-4;
  cursor: pointer;
  display: inline-block;
  font-weight: $bold;
  padding: $space-base $space-larger;
  &-active {
    border-bottom: 6px solid $power-royal;
    color: $ink-dark;
  }
  &:link, &:visited {
    color: $gray-4;
  }
  &:hover {
    color: $ink-dark;
  }
}

.tab {
  @include tab;
}

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui-2.7.2 components/Tab/tab.scss
playbook_ui-2.7.1 components/Tab/tab.scss
playbook_ui-2.7.0 components/Tab/tab.scss
playbook_ui-2.6.0 components/Tab/tab.scss
playbook_ui-2.5.0 components/Tab/tab.scss
nitro_sg-3.0.2 components/Tab/tab.scss