Sha256: 30dfbee776203d1f9261dff6ffc9e7e9891eda93fa4f2d8b520f017ae01efb98

Contents?: true

Size: 826 Bytes

Versions: 4

Compression:

Stored size: 826 Bytes

Contents

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

$pb_caption_colors: (
  default:        $text_lt_default,
  light:          $text_lt_light,
  link:           $primary-action,
);

$pb_dark_caption_colors: (
  default:        #fff,
  light:          $text_dk_light,
  link:           $primary-action,
);


@mixin caption($font_size: $font_smaller, $font_weight: $bold) {
  font-weight: $font_weight;
  color: $text_lt_light;
  text-transform: uppercase;
  font-size: $font_size;
  letter-spacing: $lspace_looser;
}

@mixin caption_color($color: $text_lt_light) {
  color: $color;
}

@mixin caption_lg {
  @include caption($font_large, $regular);
}

@mixin caption_xs {
  @include caption($font_smaller, $regular);
  text-transform: none;
  letter-spacing: unset;
}

@mixin caption_dark {
  color: $text_dk_light;
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
playbook_ui-10.18.2 app/pb_kits/playbook/pb_caption/_caption_mixin.scss
playbook_ui-10.18.1 app/pb_kits/playbook/pb_caption/_caption_mixin.scss
playbook_ui-10.18.0 app/pb_kits/playbook/pb_caption/_caption_mixin.scss
playbook_ui-10.17.0 app/pb_kits/playbook/pb_caption/_caption_mixin.scss