Sha256: 0de56d5286679eb66f7c3aa12ee74ae8c1c67fcf48ba6a16d720e4d27c86b71e

Contents?: true

Size: 1.55 KB

Versions: 91

Compression:

Stored size: 1.55 KB

Contents

@import "../tokens/spacing";
@import "../tokens/colors";
@import "../tokens/animation-curves";
@import "../tokens/typography";

$selector: ".pb_nav_list";

[class^=pb_nav_list][class*=_horizontal] {
  ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  [class*=pb_nav_list_kit_item] {
    transition-property: border-color;
    transition-duration: 0.15s;
    transition-timing-function: $bezier;
    padding: 0;

    [class*=_link] {
      text-decoration: none;
      display: flex;
      align-items: center;
      padding: $space_sm $space_md;
      border: 0 solid transparent;
      border-width: 0 0 3px 0;
      border-color: $border_light;
      transition-property: color, border-color, background-color;
      transition-duration: 0.15s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      color: $text_lt_default;

      [class*=_icon_left] {
        font-size: $font_large;
        margin-right: $space_sm;
        color: $text_lt_lighter;
      }

      [class*=_text] {
        font-size: $font_base;
        font-weight: $bold;
        color: $text_lt_default;
      }

      &:hover {
        color: $primary;
        #{$selector}_item_icon,
        #{$selector}_item_text {
          color: $primary;
        }
      }
    }
  }

  [class*=_active] {
    #{$selector}_item_link {
      border-color: $primary;

      [class*=_item_icon] {
        color: $text_lt_default;
      }

      [class*=_item_text] {
        color: $text_lt_default;
        font-weight: $bold;
      }
    }
  }
}

Version data entries

91 entries across 91 versions & 1 rubygems

Version Path
playbook_ui-6.0.1.pre.alpha3 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-6.0.1.pre.alpha2 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha15 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha14 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha13 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-6.0.1 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha12 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-6.0.0 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha11 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.1.pre.alpha4 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.1.pre.alpha3 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.1.pre.alpha2 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.1.pre.alpha1 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha10 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.1 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.0 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.5.0.pre.alpha1 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha9 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha8 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
playbook_ui-5.2.0.pre.alpha7 app/pb_kits/playbook/pb_nav/_horizontal_nav.scss