Sha256: c3e31b419111cbf45e5b10ad7ea49f291943dd01960807e51205971a3d0273cc

Contents?: true

Size: 686 Bytes

Versions: 977

Compression:

Stored size: 686 Bytes

Contents

@import "../tokens/spacing";
@import "../tokens/colors";
@import "../tokens/opacity";
@import "../pb_body/body";

$pb_pill_height: 22px;

[class^=pb_pill_kit] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 $space-sm/1.8;
  height: $pb_pill_height;
  border-radius: $pb_pill_height/2;
  white-space: nowrap;

  &[class*=lowercase] {
    text-transform: lowercase;
  }

  &[class*=none] {
    text-transform: none;
  }

  @each $color_name, $color_value in $status_color_text {
    &[class*=_#{$color_name}]  {
        background: rgba($color_value, $opacity-1);

      .pb_pill_text {
        color: $color_value !important;
      }
    }
  }
}

Version data entries

977 entries across 977 versions & 1 rubygems

Version Path
playbook_ui-14.10.0.pre.rc.18 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PLAY1660reactdropzone5020 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.10.0.pre.rc.17 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.10.0.pre.rc.16 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.play17004992 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment4991 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.10.0.pre.rc.15 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PLAY16264952 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PLAY1731inputmasking4927 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.play1742globalheightfixes4926 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.play1742globalheightfixes4925 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.10.0.pre.rc.14 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.10.0.pre.rc.13 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4903 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4901 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4898 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4891 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.PLAY1731inputmasking4890 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment4889 app/pb_kits/playbook/pb_pill/_pill.scss
playbook_ui-14.10.0.pre.rc.12 app/pb_kits/playbook/pb_pill/_pill.scss