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-10.19.0.pre.lightbox app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.18.2 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.18.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.18.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.17.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.16.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.15.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.15.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.14.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.13.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.13.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.13.0.pre.node.update app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.12.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.11.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.10.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.9.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss