Sha256: 041091b7a8abb439d153d3cece4cd45e1c720e4b95b4633f2d4fed28cb8263ae

Contents?: true

Size: 1.24 KB

Versions: 159

Compression:

Stored size: 1.24 KB

Contents

@import "tokens/typography";

@mixin subtle {
  [class*=pb_nav_list_kit_item] {
    list-style: none;
    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;
        font-weight: $regular;
      }
      @media (hover:hover) {
        &:hover {
          background-color: rgba($primary, 0.03);
          [class*=_icon] {
            color: $primary;
          }
          [class*=_text] {
            color: $primary;
          }
        }
      }
    }
    &[class*=_active] [class*=_link] {
      @include pb_title_4;
      color: $primary;
       letter-spacing: normal;
    }
  }
}

Version data entries

159 entries across 159 versions & 1 rubygems

Version Path
playbook_ui-12.28.0.pre.alpha.PLAY863multilevelv2877 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.28.0.pre.alpha.PLAY863multilevelv2876 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.28.0.pre.alpha.PLAY814removemomentjs871 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.28.0.pre.alpha.PLAY837MapCustomButton868 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.28.0.pre.alpha.20230613implementbakesupport865 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.28.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.27.0.pre.alpha.expandednotworking853 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.27.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements842 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements837 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements835 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.1.pre.alpha.play716popoverkitcloseonclickissue833 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.1 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.0.pre.alpha.multiselectfixes825 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.0.pre.alpha.multiselectfixes821 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.0.pre.alpha.alphafix812 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.0.pre.alpha.alphafix810 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.0.pre.alpha.railsmultilevelimprovements805 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-12.26.0.pre.alpha.multiselectfixes798 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss