Sha256: 2fd562faed606c4fc1553c6ddb0bc199b93bed85f65df7d78e6bbdedb2cc81e0

Contents?: true

Size: 1.38 KB

Versions: 86

Compression:

Stored size: 1.38 KB

Contents

@import "../tokens/titles";
@import "../tokens/colors";
@import "../tokens/screen_sizes";
@import './title_mixin';

[class^=pb_title_kit] {
  &[class*=_1] {
    @include pb_title_1;
    @include title_colors;
    @include pb_title_bold;
  }

  &[class*=_2] {
    @include pb_title_2;
    @include title_colors;
    @include pb_title_bold;
  }

  &[class*=_3] {
    @include pb_title_3;
    @include title_colors;
    @include pb_title_bold;
  }

  &[class*=_4] {
    @include pb_title_4;
    @include title_colors;
  }

  &[class*=_thin] {
    @include pb_title_thin;
  }

  @each $size, $size_value in $breakpoints_grid {
    @for $title_size_value from 1 through 4 {
      $min_size: map-get($size_value, "min");
      $max_size: map-get($size_value, "max");
      &[class*=_#{$size}_#{$title_size_value}] {
        @include break_on($min_size, $max_size) {
          @if $title_size_value == 1 { @include pb_title_1; }
          @else if $title_size_value == 2 { @include pb_title_2; }
          @else if $title_size_value == 3 { @include pb_title_3; }
          @else if $title_size_value == 4 { @include pb_title_4; }
          @include title_colors;
          @if $title_size_value != 4 { @include pb_title_bold; }
        }
      }
    }
  }

  &.dark {
    @include title_dark;
    @each $name, $color in $pb_dark_title_colors {
      &[class*="_#{$name}"] {
        color: $color;
      }
    }
  }
}

Version data entries

86 entries across 86 versions & 1 rubygems

Version Path
playbook_ui-14.11.0.pre.rc.3 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.alpha.PBNTR662stickyrightcolumnreact5160 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.11.0.pre.rc.2 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.11.0.pre.rc.1 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5137 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.11.0.pre.rc.0 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.9.0.pre.alpha.PBNTR767advancedtablemultiheadercolumns5136 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5121 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5120 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.24 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.23 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.22 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.21 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment5060 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.20 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.19 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.18 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.9.0.pre.alpha.PLAY1660reactdropzone5020 app/pb_kits/playbook/pb_title/_title.scss
playbook_ui-14.10.0.pre.rc.17 app/pb_kits/playbook/pb_title/_title.scss