Sha256: 5f8b84ca2718abe801512d4125b90db983f1fe758780d8e071e4d842e9e77091

Contents?: true

Size: 1.33 KB

Versions: 436

Compression:

Stored size: 1.33 KB

Contents

@import "tokens/typography";

@mixin subtle {
  [class*="pb_nav_list_kit_item"][class*="pb_nav_list_item"] {
    border-radius: $border_rad_heavier;
    border-bottom: 0;
    margin: $space_xs ($space_sm - 2px);
    &[class*="_link"] {
      text-decoration: none;
      display: flex;
      align-items: center;
      border: none;
      padding: $space_xs ($space_sm - 2px);
      transition-property: color, background-color;
      transition-duration: 0.15s;
      transition-timing-function: $bezier;
      border-radius: $border_rad_heavier;
      @include pb_body($text_lt_default);
      [class*="_icon_left"] {
        margin-right: ($space_xs + 2px);
        color: $text_lt_lighter;
      }
      [class*="_icon_right"] {
        margin-left: ($space_xs + 2px);
        color: $text_lt_default;
      }
      [class*="_text"] {
        flex: 1;
      }
      &:hover {
        background-color: rgba($primary, 0.03);
        [class*="_icon"] {
          color: $primary;
        }
        [class*="_text"] {
          color: $primary;
        }
      }
    }
    &[class*="_active"] {
      color: $primary;
      letter-spacing: normal;

      [class*="_icon_right"] {
        color: $white;
      }
    }
    &[class*="dark"] {
      [class*="_item_text"],
      [class*="_item_icon"] {
        color: $white !important;
      }    
    } 
  }
}

Version data entries

436 entries across 436 versions & 1 rubygems

Version Path
playbook_ui-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.3 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4567 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss