Sha256: 6be86fdbe2d6973f004e8dcf68d6294f84eed720e0ae3b21232192391ea593c6

Contents?: true

Size: 921 Bytes

Versions: 5

Compression:

Stored size: 921 Bytes

Contents

@mixin kit_btn {
  line-height: 38px;
  padding: 0 15px;
  border-radius: 4px;
  border: 1px solid $ink_lightest;
  font-size: 14px;
  background: transparent;
}

.kit_btn_wrapper {
  display: inline-block;

  [class^=pb_button] {
    @include kit_btn;

    &[class*=_primary] {
      background: $power_royal;
      border: none;
      color: $white;
    }

    &[class*=_danger] {
      background: $power_red;
      border: none;
      color: $white;
    }

    &[class*=_dashed] {
      background-color: $white;
      color: $ink_lightest;
      border: dashed 1px $ink_lightest;
    }

    &[class*=_large] {
      font-size: $font_large;
      padding: 0 15px;
      height: 40px;
    }

    &[class*=_small] {
      font-size: $font_smaller;
      padding: 0 7px;
      height: 24px;
      line-height: normal;
    }

    &.red {
      background: $power_red;
      border: none;
      color: $white;
    }
  }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.7.2 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-2.7.1 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-2.7.0 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-2.6.0 app/pb_kits/playbook/pb_button/_button.scss
playbook_ui-2.5.0 app/pb_kits/playbook/pb_button/_button.scss