Varia: Fix separator styles to remove browsers default “inset” appearance.

This commit is contained in:
Allan Cole 2019-09-03 11:07:40 -04:00
parent eaf9a10037
commit 6df503fbde
3 changed files with 6 additions and 21 deletions

View file

@ -1,12 +1,11 @@
hr {
border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
border-bottom-width: #{map-deep-get($config-separator, "height")};
border-bottom: #{map-deep-get($config-separator, "height")} solid #{map-deep-get($config-global, "color", "border", "default")};
clear: both;
margin-left: auto;
margin-right: auto;
&.wp-block-separator {
border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
border-bottom: #{map-deep-get($config-separator, "height")} solid #{map-deep-get($config-global, "color", "border", "default")};
&:not(.is-style-wide):not(.is-style-dots) {
max-width: #{map-deep-get($config-separator, "width")};
@ -17,8 +16,6 @@ hr {
*/
&.is-style-wide {
@extend %responsive-aligndefault;
border-bottom-color: #{map-deep-get($config-global, "color", "border", "default")};
border-bottom-width: #{map-deep-get($config-separator, "height")};
}
&.is-style-dots {

View file

@ -1855,15 +1855,14 @@ p.has-background {
}
hr {
border-bottom-color: #DDDDDD;
border-bottom-width: 2px;
border-bottom: 2px solid #DDDDDD;
clear: both;
margin-right: auto;
margin-left: auto;
}
hr.wp-block-separator {
border-bottom-color: #DDDDDD;
border-bottom: 2px solid #DDDDDD;
/**
* Block Options
*/
@ -1873,11 +1872,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-wide {
border-bottom-color: #DDDDDD;
border-bottom-width: 2px;
}
hr.wp-block-separator.is-style-dots:before {
color: #DDDDDD;
font-size: 1.728rem;

View file

@ -1855,15 +1855,14 @@ p.has-background {
}
hr {
border-bottom-color: #DDDDDD;
border-bottom-width: 2px;
border-bottom: 2px solid #DDDDDD;
clear: both;
margin-left: auto;
margin-right: auto;
}
hr.wp-block-separator {
border-bottom-color: #DDDDDD;
border-bottom: 2px solid #DDDDDD;
/**
* Block Options
*/
@ -1873,11 +1872,6 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-wide {
border-bottom-color: #DDDDDD;
border-bottom-width: 2px;
}
hr.wp-block-separator.is-style-dots:before {
color: #DDDDDD;
font-size: 1.728rem;