Sha256: 48b0d382849cab40193bdaecd44cc355003f07cb51261871650b10f92ef74daf

Contents?: true

Size: 1.31 KB

Versions: 249

Compression:

Stored size: 1.31 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;
  span {
    padding: 0 $space_xs;
    display: flex;
  }
  &::before {
    content: "";
    height: 1px;
    flex: 1;
    @include section_separator_horizontal;
  }
  &::after {
    content: "";
    height: 1px;
    flex: 1;
    @include section_separator_horizontal;
  }
  &[class*=_horizontal] {
    justify-content: center;
  }
  &[class*=_vertical] {
    margin-left: $space_xs;
    margin-right: $space_xs;
    &::after {
      @include section_separator_vertical(false);
    }
  }

  &[class*=_dashed] {
    &::before, &::after {
      border: 1px dashed $border_light;
      background: none;
    }
  }

  // Dark =========================

  &.dark {
    &::before {
      @include section_separator_horizontal(true);
    }
    &::after {
      @include section_separator_horizontal(true);
    }
    &[class*=_vertical] {
      &::after {
        @include section_separator_vertical(true);
      }
    }
  }
}

Version data entries

249 entries across 249 versions & 1 rubygems

Version Path
playbook_ui-13.18.0.pre.alpha.PLAY12062177 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2176 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52175 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.18.0.pre.alpha.dependabotnpmandyarnpowerhomeplaybookicons001alpha52174 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2173 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2159 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.17.0.pre.alpha.nodealphaupgrade2157 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.18.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.play1141iconkitusinglibrary2130 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.PLAY12002127 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.powercentrainplaybookpt22125 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.play1141iconkitusinglibrary2107 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.PBNTR181stripedtable2103 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.play1141iconkitusinglibrary2100 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.PBNTR184betaflaginmenuyml2085 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.PBNTR178AdvancedTableDocs2072 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.17.0 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.play1141iconkitusinglibrary2060 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.play1141iconkitusinglibrary2038 app/pb_kits/playbook/pb_section_separator/_section_separator.scss
playbook_ui-13.16.0.pre.alpha.play1141iconkitusinglibrary2037 app/pb_kits/playbook/pb_section_separator/_section_separator.scss