From ff09e90108e4096f7f042a7b0bf5ea010f9c94dd Mon Sep 17 00:00:00 2001 From: mapk Date: Tue, 27 Oct 2020 09:14:48 -0700 Subject: [PATCH] Fixes #16732. Updates the UI on Quote and Pullquote blocks for dark themes. --- packages/block-library/src/pullquote/theme.scss | 10 ++++++++++ packages/block-library/src/quote/theme.scss | 8 ++++++++ 2 files changed, 18 insertions(+) diff --git a/packages/block-library/src/pullquote/theme.scss b/packages/block-library/src/pullquote/theme.scss index 53fbdd9e04b5cb..6d0b1ef076a2db 100644 --- a/packages/block-library/src/pullquote/theme.scss +++ b/packages/block-library/src/pullquote/theme.scss @@ -4,6 +4,12 @@ margin-bottom: 1.75em; color: #555; + .is-dark-theme & { + border-top: 4px solid $light-gray-placeholder; + border-bottom: 4px solid $light-gray-placeholder; + color: $light-gray-placeholder; + } + cite, footer, &__citation { @@ -11,5 +17,9 @@ text-transform: uppercase; font-size: 0.8125em; font-style: normal; + + .is-dark-theme & { + color: $light-gray-placeholder; + } } } diff --git a/packages/block-library/src/quote/theme.scss b/packages/block-library/src/quote/theme.scss index b801f8c687f0d6..b9cfe524716099 100644 --- a/packages/block-library/src/quote/theme.scss +++ b/packages/block-library/src/quote/theme.scss @@ -3,6 +3,10 @@ margin: 0 0 1.75em 0; padding-left: 1em; + .is-dark-theme & { + border-left: 0.25em solid $light-gray-placeholder; + } + cite, footer, &__citation { @@ -11,6 +15,10 @@ margin-top: 1em; position: relative; font-style: normal; + + .is-dark-theme & { + color: $light-gray-placeholder; + } } &.has-text-align-right {