Contents

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

[class^="pb_caption_kit"] {
  @include caption;

  &[class^="pb_caption_kit_lg"] {
    @include caption_lg;
  }

  &[class^="pb_caption_kit_xs"] {
    @include caption_xs;
    &[class*="_link"] {
      color: $primary;}
  }

  &[class*="light"] {
    color: $text_lt_light;
  }

  &[class*="default"] {
    color: $text_lt_default;
  }

  &[class*="link"] {
    color: $primary;
  }

  &[class*="dark"] {
    @each $dark_color_name, $dark_color_value in $pb_dark_caption_colors {
      &[class*="_#{$dark_color_name}"][class*="dark"] {
      @include caption_color($dark_color_value);
      }
    }
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

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