Sha256: 65625751fb5cce770841c0413d10f588f1b5b1bba40010b7e7f2f242ea4c81f7

Contents?: true

Size: 1.24 KB

Versions: 182

Compression:

Stored size: 1.24 KB

Contents

@import "./button_mixins";
@import "../tokens/colors";

$pb_button_sizes: (
  "sm":   0.75rem,
  "md":   0.875rem,
  "lg":   1.125rem,
);

[class*=pb_button_kit]{
  @include pb_button;
  // Size =================
  @each $name, $size in $pb_button_sizes {
    &[class*=size_#{$name}] {
      font-size: $size;
      padding: calc(#{$size} / 2) calc(#{$size} * 2.42) !important;
      @if $name == "sm" {
        min-height: 0;
      }
    }
  }

  // Variants =================
  &[class*=_primary]  {
    @include pb_button_primary;
  }
  &[class*=_secondary]  {
    @include pb_button_secondary;
  }
  &[class*=_link]  {
    @include pb_button_link;
  }

  // Disabled =================
  &[class*=_disabled]  {
    @include pb_button_disabled;
  }

  // Block ====================
  &[class*=_block]  {
    @include pb_button_block;
  }

  // Loading ==================
  &[class*=_loading]  {
    @include pb_button_loading(true);
  }
  // Dark Variants =============
  &.dark  {
    &[class*=_primary]  {
      @include pb_button_primary_dark;
    }
    &[class*=_secondary]  {
      @include pb_button_secondary_dark;
    }
    &[class*=_link]  {
      @include pb_button_link_dark;
    }
    &[class*=_disabled]  {
      @include pb_button_disabled_dark;
    }
  }
}

Version data entries

182 entries across 182 versions & 1 rubygems

Version Path
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.33.1 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.33.0 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.32.0 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.hoverrails951 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.hoverrails948 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns944 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns941 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.datepickerdisableddatefix931 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0.pre.alpha.customiconsfa928 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.31.0 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop916 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.30.1.pre.alpha.hovertesting914 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop912 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-12.30.1.pre.alpha.PLAY802responsivetitlekit909 app/pb_kits/playbook/pb_button/_button.scss