diff --git a/packages/edit-site/src/components/global-styles/use-global-styles-output.js b/packages/edit-site/src/components/global-styles/use-global-styles-output.js index 8aa61a829a9634..1e9ed77736e075 100644 --- a/packages/edit-site/src/components/global-styles/use-global-styles-output.js +++ b/packages/edit-site/src/components/global-styles/use-global-styles-output.js @@ -441,6 +441,7 @@ export const getNodesWithStyles = ( tree, blockSelectors ) => { 'typography', 'filter', 'outline', + 'shadow', ].includes( key ) ); diff --git a/packages/style-engine/src/test/index.js b/packages/style-engine/src/test/index.js index ee9e997798dcfa..cbddab4d5ca8db 100644 --- a/packages/style-engine/src/test/index.js +++ b/packages/style-engine/src/test/index.js @@ -246,6 +246,7 @@ describe( 'getCSSRules', () => { style: 'dashed', color: 'red', }, + shadow: '10px 10px red', }, { selector: '.some-selector', @@ -308,45 +309,50 @@ describe( 'getCSSRules', () => { value: '5px', }, { - key: 'fontFamily', selector: '.some-selector', + key: 'fontFamily', value: "'Helvetica Neue',sans-serif", }, { - key: 'fontSize', selector: '.some-selector', + key: 'fontSize', value: '2.2rem', }, { - key: 'fontStyle', selector: '.some-selector', + key: 'fontStyle', value: 'italic', }, { - key: 'fontWeight', selector: '.some-selector', + key: 'fontWeight', value: '800', }, { - key: 'letterSpacing', selector: '.some-selector', + key: 'letterSpacing', value: '12px', }, { - key: 'lineHeight', selector: '.some-selector', + key: 'lineHeight', value: '3.3', }, { - key: 'textDecoration', selector: '.some-selector', + key: 'textDecoration', value: 'line-through', }, { - key: 'textTransform', selector: '.some-selector', + key: 'textTransform', value: 'uppercase', }, + { + selector: '.some-selector', + key: 'boxShadow', + value: '10px 10px red', + }, ] ); } );