beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Varia: Allow custom colors in separator Block.

Browse source
This commit is contained in:
Allan Cole 2019-10-31 15:16:40 -04:00
parent 08f001b66a
commit b95fc1480e
5 changed files with 46 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
varia/sass/blocks/separator/_editor.scss
View file

@ -16,6 +16,15 @@ hr {
border-bottom: none;
&.has-background,
&.has-text-color {
background-color: transparent !important;
&:before {
color: currentColor !important;
}
}
&:before {
color: #{map-deep-get($config-global, "color", "border", "default")};
}

9
varia/sass/blocks/separator/_style.scss
View file

@ -20,6 +20,15 @@ hr {
&.is-style-dots {
&.has-background,
&.has-text-color {
background-color: transparent !important;
&:before {
color: currentColor !important;
}
}
&:before {
color: #{map-deep-get($config-global, "color", "border", "default")};
font-size: #{map-deep-get($config-global, "font", "size", "xl")};

12
varia/style-editor.css
View file

@ -740,6 +740,18 @@ hr.is-style-dots {
border-bottom: none;
}
.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
hr.is-style-dots.has-background,
hr.is-style-dots.has-text-color {
background-color: transparent !important;
}
.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
hr.is-style-dots.has-background:before,
hr.is-style-dots.has-text-color:before {
color: currentColor !important;
}
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #DDDDDD;

8
varia/style-rtl.css
View file

@ -2021,6 +2021,14 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: #DDDDDD;
font-size: 1.728rem;

8
varia/style.css
View file

@ -2021,6 +2021,14 @@ hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 96px;
}
hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: #DDDDDD;
font-size: 1.728rem;