?
theme.css 0000666 00000000745 15123445065 0006377 0 ustar 00 .wp-block-separator.has-css-opacity{
opacity:.4;
}
.wp-block-separator{
border:none;
border-bottom:2px solid;
margin-left:auto;
margin-right:auto;
}
.wp-block-separator.has-alpha-channel-opacity{
opacity:1;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){
width:100px;
}
.wp-block-separator.has-background:not(.is-style-dots){
border-bottom:none;
height:1px;
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){
height:2px;
} _editor.scss 0000666 00000001660 15127716506 0007107 0 ustar 00 .wp-block-separator,
hr {
border-bottom: var(--separator--height) solid var(--separator--border-color);
clear: both;
opacity: 1;
&[style*="text-align:right"],
&[style*="text-align: right"] {
border-right-color: var(--separator--border-color);
}
&:not(.is-style-dots) {
max-width: var(--responsive--aligndefault-width);
}
[data-align="full"] > &,
[data-align="wide"] > & {
max-width: inherit;
}
&.is-style-twentytwentyone-separator-thick {
border-bottom-width: calc(3 * var(--separator--height));
}
&.is-style-dots {
border-bottom: none;
&.has-background,
&.has-text-color {
background-color: transparent !important;
&:before {
color: currentColor !important;
}
}
&:before {
color: var(--separator--border-color);
}
}
.has-background &,
[class*="background-color"] &,
[style*="background-color"] &,
.wp-block-cover[style*="background-image"] & {
border-color: currentColor;
}
}
_style.scss 0000666 00000002354 15127716506 0006762 0 ustar 00 hr {
border-style: none;
border-bottom: var(--separator--height) solid var(--separator--border-color);
clear: both;
margin-left: auto;
margin-right: auto;
&.wp-block-separator {
border-bottom: var(--separator--height) solid var(--separator--border-color);
opacity: 1;
&:not(.is-style-dots):not(.alignwide) {
max-width: var(--responsive--aligndefault-width);
}
&:not(.is-style-dots) {
&.alignwide {
max-width: var(--responsive--alignwide-width);
}
&.alignfull {
max-width: var(--responsive--alignfull-width);
}
}
/**
* Block Options
*/
&.is-style-twentytwentyone-separator-thick {
border-bottom-width: calc(3 * var(--separator--height));
}
&.is-style-dots {
&.has-background,
&.has-text-color {
background-color: transparent !important;
&:before {
color: currentColor !important;
}
}
&:before {
color: var(--separator--border-color);
font-size: var(--global--font-size-xl);
letter-spacing: var(--global--font-size-sm);
padding-left: var(--global--font-size-sm);
}
}
.has-background &,
[class*="background-color"] &,
[style*="background-color"] &,
.wp-block-cover[style*="background-image"] & {
border-color: currentColor;
}
}
}