Sha256: 164c08229c033fb52b0061d3e6ab47bf3280c219b4860653c949c432b72570e7

Contents?: true

Size: 1.41 KB

Versions: 181

Compression:

Stored size: 1.41 KB

Contents

@import "../tokens/colors";
@import "../tokens/spacing";
@import "../tokens/opacity";
@import "./section_separator_mixin";

$section_colors_light: (
  background:   $bg_light,
  card:         $card_light,
);

$section_colors_dark: (
  background:   $bg_dark,
  card:         tint($bg_dark,10),
);

[class^=pb_section_separator_kit] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  @each $color_name, $color_value in $section_colors_light {
    &[class*=_#{$color_name}] {
      span {
        display: inline-block;
        padding: 0 $space_xs;
        background: #{$color_value};
        position: relative;
        z-index: 1;
      }
    }
  }
  &::after {
    @include section_separator_horizontal(false);
  }
  &[class*=_horizontal] {
    justify-content: center;
  }
  &[class*=_vertical] {
    &::after {
      @include section_separator_vertical(false);
    }
  }
  
  // Dark =========================
  
  &.dark {
    &::after {
      @include section_separator_horizontal(true);
    }
    @each $color_name, $color_value in $section_colors_dark {
      &[class*=_#{$color_name}] {
        span {
          display: inline-block;
          padding: 0 $space_xs;
          background: #{$color_value};
          position: relative;
          z-index: 1;
        }
      }
    }
    &[class*=_vertical] {
      &::after {
        @include section_separator_vertical(true);
      }
    }
  }
}

Version data entries

181 entries across 181 versions & 1 rubygems

Version Path
playbook_ui-9.4.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.1.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.0.alpha.inline3 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.0.pre.alpha.password.strength.2 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.0.alpha.inline2 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.0.alpha.inline1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.0.pre.alpha.password.strength.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.3.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.2.2.pre.alpha.margin app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.2.2 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.2.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.2.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.1.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-9.0.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-8.3.0.alpha.select.pre.margin app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-8.3.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-8.2.1.pre.alpha5 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-8.2.1.pre.alpha4 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-8.2.1.alpha.iconacc app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-8.2.1.pre.alpha3 app/pb_kits/playbook/pb_section_separator/_section_separator.scss