Sha256: c050a8be0738125c735c6f704384887f21787a6d3a60c554eca40e4abaa45a95
Contents?: true
Size: 1.53 KB
Versions: 126
Compression:
Stored size: 1.53 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] {
margin-left: $space_xs;
margin-right: $space_xs;
&::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] {
margin-left: $space_xs;
margin-right: $space_xs;
&::after {
@include section_separator_vertical(true);
}
}
}
}
Version data entries
126 entries across 126 versions & 1 rubygems