Varia: Fix separator styles to remove browsers default “inset” appearance.
This commit is contained in:
parent
eaf9a10037
commit
6df503fbde
3 changed files with 6 additions and 21 deletions
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue