Sha256: c34321337f5ce8b4824558614301a6211bf0b3100a1a3c5ad2725cac48cd8d79

Contents?: true

Size: 1.13 KB

Versions: 21

Compression:

Stored size: 1.13 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;
    }
  }
}

Version data entries

21 entries across 21 versions & 1 rubygems

Version Path
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1234 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1232 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1231 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.7.0.pre.alpha.play978makehighchartsadevdependencypoc1223 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.6.0.pre.alpha.play845allkitsbytypes1219 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.7.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.6.0.pre.alpha.tiptapreacthookformbug1210 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.6.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.5.0.pre.alpha.play984collapsiblekithidestooltips1203 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.5.0.pre.alpha.PLAY823globalpropoverflow1191 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.5.0.pre.alpha.PLAY823globalpropoverflow1188 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.5.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.4.0.pre.alpha.PLAY973Hash1181 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.4.0.pre.alpha.play961turnoffdeprecationwarnings1171 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.4.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.3.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.2.0.pre.alpha.PLAY986dateTimeRounding1150 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.2.0 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.0.0.pre.alpha.PLAY966collapsiblenav41129 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
playbook_ui-13.0.0.pre.alpha.PLAY966collapsiblenav41128 app/pb_kits/playbook/pb_nav/_subtle_mixin.scss