diff --git a/packages/block-library/src/quote/index.js b/packages/block-library/src/quote/index.js index c63ff379114e5b..475d3eb7460456 100644 --- a/packages/block-library/src/quote/index.js +++ b/packages/block-library/src/quote/index.js @@ -55,6 +55,7 @@ export const settings = { styles: [ { name: 'default', label: __( 'Regular' ), isDefault: true }, { name: 'large', label: __( 'Large' ) }, + { name: 'fancy', label: __( 'Fancy' ) }, ], transforms: { diff --git a/packages/block-library/src/quote/style.scss b/packages/block-library/src/quote/style.scss index c1206d68958f7b..a8a1400f76e5e6 100644 --- a/packages/block-library/src/quote/style.scss +++ b/packages/block-library/src/quote/style.scss @@ -16,4 +16,25 @@ text-align: right; } } + + &.is-style-fancy { + 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/packages/block-library/src/quote/theme.scss b/packages/block-library/src/quote/theme.scss index df07d206febe59..fab98c19c15162 100644 --- a/packages/block-library/src/quote/theme.scss +++ b/packages/block-library/src/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-fancy) { border-left: 4px solid $black; padding-left: 1em; }