diff --git a/src/wp-content/themes/twentynineteen/style-editor.css b/src/wp-content/themes/twentynineteen/style-editor.css index 1e0bd69390..3a4ce4a6e6 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.css +++ b/src/wp-content/themes/twentynineteen/style-editor.css @@ -1276,6 +1276,31 @@ figcaption, padding-left: calc(2 * 1rem); } +.wp-block-separator.has-primary-background-color { + color: #0073aa; + background-color: #0073aa; +} + +.wp-block-separator.has-secondary-background-color { + color: #005177; + background-color: #005177; +} + +.wp-block-separator.has-dark-gray-background-color { + color: #111; + background-color: #111; +} + +.wp-block-separator.has-light-gray-background-color { + color: #767676; + background-color: #767676; +} + +.wp-block-separator.has-white-background-color { + color: #fff; + background-color: #fff; +} + /* Remove duplicate rule-line when a separator * is followed by an H1, or H2 */ .wp-block[data-type="core/separator"] + .wp-block[data-type="core/heading"] h1:before, diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss index 8359aacacb..7b0df5f0af 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.scss +++ b/src/wp-content/themes/twentynineteen/style-editor.scss @@ -651,6 +651,31 @@ figcaption, letter-spacing: calc(2 * #{$size__spacing-unit}); padding-left: calc(2 * #{$size__spacing-unit}); } + + &.has-primary-background-color { + color: $color__link; + background-color: $color__link; + } + + &.has-secondary-background-color { + color: $color__border-link-hover; + background-color: $color__border-link-hover; + } + + &.has-dark-gray-background-color { + color: $color__text-main; + background-color: $color__text-main; + } + + &.has-light-gray-background-color { + color: $color__text-light; + background-color: $color__text-light; + } + + &.has-white-background-color { + color: #fff; + background-color: #fff; + } } /* Remove duplicate rule-line when a separator