From c8300346f63c6d363865b7e0696a2ec8c21ee358 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Tue, 23 Jan 2024 17:34:39 +0100 Subject: [PATCH] repositionning icon alignment (and responsive) --- blocks/content-heading/build/style-index.css | 2 +- blocks/content-heading/build/style-index.css.map | 2 +- blocks/content-heading/src/style.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/blocks/content-heading/build/style-index.css b/blocks/content-heading/build/style-index.css index 68e646b..54e42b9 100644 --- a/blocks/content-heading/build/style-index.css +++ b/blocks/content-heading/build/style-index.css @@ -3,7 +3,7 @@ \***************************************************************************************************************************************************************************************************************************************/ .homegrade-blocks-custom-heading.has-icon { display: flex; - align-items: center; + align-items: start; } .homegrade-blocks-custom-heading.has-icon::before { content: ""; diff --git a/blocks/content-heading/build/style-index.css.map b/blocks/content-heading/build/style-index.css.map index 3685f96..2dc000b 100644 --- a/blocks/content-heading/build/style-index.css.map +++ b/blocks/content-heading/build/style-index.css.map @@ -1 +1 @@ -{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF,C","sources":["webpack://multiblocks/./src/style.scss"],"sourcesContent":[".homegrade-blocks-custom-heading.has-icon {\n\tdisplay: flex;\n\talign-items: center;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tbackground-color: red;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 100%;\n\t\tpadding: 20px;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 10px;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\t&.has-icon--key::before {\n\t\tbackground-image: url(\"../src/img/icon_key.svg\");\n\t}\n\t&.has-icon--house::before {\n\t\tbackground-image: url(\"../src/img/icon_house.svg\");\n\t}\n\t&.has-icon--bulb::before {\n\t\tbackground-image: url(\"../src/img/icon_bulb.svg\");\n\t}\n\t&.has-icon--chain::before {\n\t\tbackground-image: url(\"../src/img/icon_chain.svg\");\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;AACD;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF,C","sources":["webpack://multiblocks/./src/style.scss"],"sourcesContent":[".homegrade-blocks-custom-heading.has-icon {\n\tdisplay: flex;\n\talign-items: start;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tbackground-color: red;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: 100%;\n\t\tpadding: 20px;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 10px;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\t&.has-icon--key::before {\n\t\tbackground-image: url(\"../src/img/icon_key.svg\");\n\t}\n\t&.has-icon--house::before {\n\t\tbackground-image: url(\"../src/img/icon_house.svg\");\n\t}\n\t&.has-icon--bulb::before {\n\t\tbackground-image: url(\"../src/img/icon_bulb.svg\");\n\t}\n\t&.has-icon--chain::before {\n\t\tbackground-image: url(\"../src/img/icon_chain.svg\");\n\t}\n}\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/blocks/content-heading/src/style.scss b/blocks/content-heading/src/style.scss index a09c905..93666cf 100644 --- a/blocks/content-heading/src/style.scss +++ b/blocks/content-heading/src/style.scss @@ -1,6 +1,6 @@ .homegrade-blocks-custom-heading.has-icon { display: flex; - align-items: center; + align-items: start; &::before { content: "";