diff --git a/core-blocks/quote/index.js b/core-blocks/quote/index.js index 34903efa574c62..8ff71102fba505 100644 --- a/core-blocks/quote/index.js +++ b/core-blocks/quote/index.js @@ -62,6 +62,7 @@ export const settings = { styles: [ { name: 'default', label: __( 'Regular' ), isDefault: true }, { name: 'large', label: __( 'Large' ) }, + { name: 'elaborate', label: __( 'Elaborate' ) }, ], transforms: { diff --git a/core-blocks/quote/style.scss b/core-blocks/quote/style.scss index c1206d68958f7b..cfee4564e4ce93 100644 --- a/core-blocks/quote/style.scss +++ b/core-blocks/quote/style.scss @@ -16,4 +16,25 @@ text-align: right; } } + + &.is-style-elaborate { + padding: 3em 0; + text-align: center; + border-top: 4px solid $dark-gray-500; + border-bottom: 4px solid $dark-gray-500; + color: $dark-gray-600; + + p { + font-size: 24px; + line-height: 1.6; + } + + cite, + footer { + position: relative; + color: $dark-gray-600; + text-transform: uppercase; + font-size: $default-font-size; + } + } } diff --git a/core-blocks/quote/theme.scss b/core-blocks/quote/theme.scss index df07d206febe59..00ce7c161369a6 100644 --- a/core-blocks/quote/theme.scss +++ b/core-blocks/quote/theme.scss @@ -11,7 +11,7 @@ } } -.wp-block-quote:not(.is-large):not(.is-style-large) { +.wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-elaborate) { border-left: 4px solid $black; padding-left: 1em; }