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.8.1.pre.alpha.flexdeps app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.9.0.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.8.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.7.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.7.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.6.2.pre.alpha.dep app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.6.1.pre.alpha1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.6.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.5.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.4.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.3.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.2.1.alpha.sisensefix app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.2.1 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.2.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.1.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.0.3.pre.alpha.walkthrough2 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.0.3.pre.alpha.walkthrough app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.0.1.alpha.railscusticon app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.0.2.pre.alpha.pre.iconfix app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-10.0.1.alpha.rtflexfix app/pb_kits/playbook/pb_section_separator/_section_separator.scss