Contents

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

$pb_caption_colors: (
  default:        $text_lt_default,
  light:          $text_lt_light,
  link:           $primary,
  lighter:        $text_lt_lighter,
  success:        $text_lt_success_sm,
  error:          $error,
);

$pb_dark_caption_colors: (
  default:        $text_dk_default,
  light:          $text_dk_light,
  link:           $primary,
  success:        $text_dk_success_sm,
  error:          $error,
);


@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_loosest;
}

@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;
}
@mixin pb_caption_kit_colors {
  @each $name, $color in $pb_caption_colors {
    &[class*="#{$name}"] {
      color: $color
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
playbook_ui-13.18.0.pre.alpha.powercentrainplaybookpt22201	app/pb_kits/playbook/pb_caption/_caption_mixin.scss
playbook_ui-13.16.0.pre.alpha.powercentrainplaybookpt22125	app/pb_kits/playbook/pb_caption/_caption_mixin.scss