From bafa49582952c250326b4a516845bca9e7b3bf39 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Fri, 27 Oct 2023 16:13:57 +0200 Subject: [PATCH] handling box alignfull behaviour when inside box --- blocks/content-box/build/index.asset.php | 2 +- blocks/content-box/build/index.css | 14 ++++++++++++++ blocks/content-box/build/index.css.map | 2 +- blocks/content-box/src/editor.scss | 13 +++++++++++++ 4 files changed, 29 insertions(+), 2 deletions(-) diff --git a/blocks/content-box/build/index.asset.php b/blocks/content-box/build/index.asset.php index c111088..9577a0f 100644 --- a/blocks/content-box/build/index.asset.php +++ b/blocks/content-box/build/index.asset.php @@ -1 +1 @@ - array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => 'e87148e9d04ae2e418f9'); + array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n'), 'version' => '57dc7a49cdb30881dfb6'); diff --git a/blocks/content-box/build/index.css b/blocks/content-box/build/index.css index b7dc951..72e7528 100644 --- a/blocks/content-box/build/index.css +++ b/blocks/content-box/build/index.css @@ -1,6 +1,20 @@ /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***! \****************************************************************************************************************************************************************************************************************************************/ +.homegrade-content-blocks-content-box { + margin: 2rem calc(50% - 50vw); + max-width: 90vw !important; + display: flex; + justify-content: center; +} +.homegrade-content-blocks-content-box .block-editor-inner-blocks { + display: flex; + flex-direction: column; + align-items: center; +} +.homegrade-content-blocks-content-box .homegrade-blocks-column-cards { + margin: 0 auto; +} .homegrade-content-blocks-content-box .block-editor-inner-blocks { width: 100%; } diff --git a/blocks/content-box/build/index.css.map b/blocks/content-box/build/index.css.map index a31d675..bad4852 100644 --- a/blocks/content-box/build/index.css.map +++ b/blocks/content-box/build/index.css.map @@ -1 +1 @@ -{"version":3,"file":"index.css","mappings":";;;AACC;EACC;AAAF,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":[".homegrade-content-blocks-content-box {\r\n\t.block-editor-inner-blocks {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;AACD;AAAC;EACC;EACA;EACA;AAEF;AACC;EACC;AACF;AACC;EACC;AACF,C","sources":["webpack://multiblocks/./src/editor.scss"],"sourcesContent":[".homegrade-content-blocks-content-box {\r\n\tmargin: 2rem calc(50% - 50vw);\r\n\tmax-width: 90vw !important;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\t.block-editor-inner-blocks {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.homegrade-blocks-column-cards {\r\n\t\tmargin: 0 auto;\r\n\t}\r\n\t.block-editor-inner-blocks {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/blocks/content-box/src/editor.scss b/blocks/content-box/src/editor.scss index ba03b92..729ce5d 100644 --- a/blocks/content-box/src/editor.scss +++ b/blocks/content-box/src/editor.scss @@ -1,4 +1,17 @@ .homegrade-content-blocks-content-box { + margin: 2rem calc(50% - 50vw); + max-width: 90vw !important; + display: flex; + justify-content: center; + .block-editor-inner-blocks { + display: flex; + flex-direction: column; + align-items: center; + } + + .homegrade-blocks-column-cards { + margin: 0 auto; + } .block-editor-inner-blocks { width: 100%; }