Contents

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

@mixin pb_title(
    $fontSize: $heading_1,
    $fontWeight: $lighter,
    $lineHeight: $lh_tighter,
    $letterSpacing: $lspace_tight
){
  font-size: $fontSize;
  letter-spacing: $letterSpacing;
  font-weight: $fontWeight;
  color: $text_lt_default;
  margin: 0;
  line-height: $lineHeight;
  font-family: $font_family_base;
}

@mixin pb_title_1 {
  @include pb_title($heading_1);
}

@mixin pb_title_2 {
  @include pb_title($heading_2, $lighter, 0.96);
}

@mixin pb_title_3 {
  @include pb_title($heading_3);
}

@mixin pb_title_4 {
  @include pb_title($heading_4, $bolder, $letterSpacing: $lspace_normal);
}

@mixin pb_title_dark {
  color: $text_dk_default;
}

@mixin pb_title_bold {
  font-weight: $bolder;
}

@mixin pb_title_thin {
  font-weight: $lighter;
  letter-spacing: $lspace_tight;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
playbook_ui-13.18.0.pre.alpha.powercentrainplaybookpt22201	app/pb_kits/playbook/tokens/_titles.scss