From 95ebe39adab7f97cb1c68114a814eec1a3b70245 Mon Sep 17 00:00:00 2001 From: Dhrupo Nil Date: Fri, 17 Feb 2023 17:53:11 +0600 Subject: [PATCH] check for all style classname and assign css using the class --- packages/block-library/src/separator/save.js | 6 ++++++ packages/block-library/src/separator/style.scss | 8 ++++++++ 2 files changed, 14 insertions(+) diff --git a/packages/block-library/src/separator/save.js b/packages/block-library/src/separator/save.js index 55a67c980c..a6fe7e64ec 100644 --- a/packages/block-library/src/separator/save.js +++ b/packages/block-library/src/separator/save.js @@ -29,6 +29,12 @@ export default function separatorSave( { attributes } ) { [ colorClass ]: colorClass, 'has-css-opacity': opacity === 'css', 'has-alpha-channel-opacity': opacity === 'alpha-channel', + 'is-style-default': + ( ! attributes.hasOwnProperty( 'className' ) || + attributes.className === 'is-style-default' ) && + 'is-style-default', + 'is-style-wide': attributes.className === 'is-style-wide', + 'is-style-dots': attributes.className === 'is-style-dots', }, colorProps.className ); diff --git a/packages/block-library/src/separator/style.scss b/packages/block-library/src/separator/style.scss index e7965c8efe..7d86187eb0 100644 --- a/packages/block-library/src/separator/style.scss +++ b/packages/block-library/src/separator/style.scss @@ -7,6 +7,14 @@ border-left: none; border-right: none; + &.is-style-default { + width: 200px; + } + + &.is-style-wide { + width: 100%; + } + // Dots style &.is-style-dots { // Override any background themes often set on the hr tag for this style. -- 2.37.0