handling new icons set
This commit is contained in:
parent
01469fd116
commit
4fa47bd023
|
|
@ -1 +1 @@
|
|||
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '93c893a8f74f7da180b4');
|
||||
<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '87b8ea9f6c3e004e3995');
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
|
||||
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||||
/*!****************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** 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 ***!
|
||||
\****************************************************************************************************************************************************************************************************************************************************/
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,10 +1,27 @@
|
|||
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** css ./node_modules/.pnpm/css-loader@6.10.0_webpack@5.90.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.35_webpack@5.90.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.71.1_webpack@5.90.3/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
|
||||
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||||
/*!***************************************************************************************************************************************************************************************************************************************************!*\
|
||||
!*** 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/style.scss ***!
|
||||
\***************************************************************************************************************************************************************************************************************************************************/
|
||||
.homegrade-blocks-custom-heading.has-icon {
|
||||
display: flex;
|
||||
align-items: start;
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon .icon {
|
||||
background-color: black;
|
||||
border-radius: 50%;
|
||||
aspect-ratio: 1/1;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon .icon img {
|
||||
width: 30px;
|
||||
max-width: 80%;
|
||||
max-height: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon::before {
|
||||
content: "";
|
||||
background-color: red;
|
||||
|
|
@ -17,11 +34,8 @@
|
|||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--key::before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDMiIGhlaWdodD0iMTcuNDI2IiB2aWV3Qm94PSIwIDAgMTcuODAzIDE3LjQyNiI+CiAgPHBhdGggaWQ9Ikljb25fZmVhdGhlci1rZXkiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWtleSIgZD0iTTE4LjAxMywzbC0xLjU4LDEuNThNMTAuNDIsMTAuNTkzYTQuMzQ2LDQuMzQ2LDAsMSwxLTYuMTQ2LDAsNC4zNDYsNC4zNDYsMCwwLDEsNi4xNDYsMFptMCwwLDMuMjQ4LTMuMjQ4bTAsMCwyLjM3LDIuMzdMMTguOCw2Ljk1MWwtMi4zNy0yLjM3TTEzLjY2OCw3LjM0NiwxNi40MzMsNC41OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAxIC0xLjU4NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--house::before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4zODgiIGhlaWdodD0iMTQuMTg2IiB2aWV3Qm94PSIwIDAgMTIuMzg4IDE0LjE4NiI+CiAgPHBhdGggaWQ9IlRyYWPDqV8xODUzNCIgZGF0YS1uYW1lPSJUcmFjw6kgMTg1MzQiIGQ9Ik05NjAuMjE0LDkyOS40NDJsLTUuMTk0LDQuNzgydjcuNGgxMC4zODh2LTcuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NTQuMDIgLTkyOC40NDIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--acoustic::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYWNvdXN0aXF1ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCAxMC42MiAxMSI+CiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTQuNzUsMS40NGMtLjM3LjMyLS42Mi42Ni0uNzkuOTNoLTEuNWMtMS4wOSwwLTEuOTcuODgtMS45NywxLjk3djIuMzRjMCwxLjA5Ljg4LDEuOTcsMS45NywxLjk3aDEuNWMuMjQuMy41OS42NywxLjA3LDEuMDEuNy41LDEuMzguNzQsMS44My44NVYuNWMtLjQyLjA2LTEuMzEuMjQtMi4xMi45NFoiLz4KICA8cGF0aCBzdHJva2U9IndoaXRlIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik05LjA0LDMuMTNjLjEzLjEyLDEuMTksMS4xMSwxLjA2LDIuNjMtLjEsMS4yMS0uODgsMS45NS0xLjA2LDIuMTEiLz4KPC9zdmc+);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--bulb::before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4wOTgiIGhlaWdodD0iMTguNDA5IiB2aWV3Qm94PSIwIDAgMTMuMDk4IDE4LjQwOSI+CiAgPGcgaWQ9Ikdyb3VwZV8zMjA5IiBkYXRhLW5hbWU9Ikdyb3VwZSAzMjA5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkzIC00ODEwKSI+CiAgICA8ZyBpZD0iVW5pb25fMTgiIGRhdGEtbmFtZT0iVW5pb24gMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MyA0ODEwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgPHBhdGggZD0iTTQuNDQ3LDE0Ljg0NWExLDEsMCwwLDEtMS0xVjEyLjA1OEE2LjM5Miw2LjM5MiwwLDAsMSwwLDYuNDExLDYuNDgxLDYuNDgxLDAsMCwxLDYuNTQ5LDAsNi40ODEsNi40ODEsMCwwLDEsMTMuMSw2LjQxMWE2LjM5Myw2LjM5MywwLDAsMS0zLjQ0Nyw1LjY0N3YxLjc4N2ExLDEsMCwwLDEtMSwxWiIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxwYXRoIGQ9Ik0gNy42NTA3MDAwOTIzMTU2NzQgMTIuODQ1NDk5OTkyMzcwNjEgTCA3LjY1MDcwMDA5MjMxNTY3NCAxMi4wNTgxMTk3NzM4NjQ3NSBDIDcuNjUwNzAwMDkyMzE1Njc0IDExLjMxNjIyMDI4MzUwODMgOC4wNjEzODAzODYzNTI1MzkgMTAuNjM1Mjc5NjU1NDU2NTQgOC43MTc1Nzk4NDE2MTM3NyAxMC4yODkxMzk3NDc2MTk2MyBDIDEwLjE4NTY4OTkyNjE0NzQ2IDkuNTE0NzE5OTYzMDczNzMgMTEuMDk3NzAwMTE5MDE4NTUgOC4wMjg1OTAyMDIzMzE1NDMgMTEuMDk3NzAwMTE5MDE4NTUgNi40MTA2OTk4NDQzNjAzNTIgQyAxMS4wOTc3MDAxMTkwMTg1NSAzLjk3ODYzMDA2NTkxNzk2OSA5LjA1NzI5OTYxMzk1MjYzNyAyIDYuNTQ5MzAwMTkzNzg2NjIxIDIgQyA0LjA0MDgxMDEwODE4NDgxNCAyIDIgMy45Nzg2MzAwNjU5MTc5NjkgMiA2LjQxMDY5OTg0NDM2MDM1MiBDIDIgOC4wMjg2MTAyMjk0OTIxODggMi45MTE5NzAxMzg1NDk4MDUgOS41MTQ2NTk4ODE1OTE3OTcgNC4zODAwMjAxNDE2MDE1NjIgMTAuMjg4OTQwNDI5Njg3NSBDIDUuMDM2MjgwMTU1MTgxODg1IDEwLjYzNTA2MDMxMDM2Mzc3IDUuNDQ3MDAwMDI2NzAyODgxIDExLjMxNjAyOTU0ODY0NTAyIDUuNDQ3MDAwMDI2NzAyODgxIDEyLjA1Nzk3MDA0Njk5NzA3IEwgNS40NDcwMDAwMjY3MDI4ODEgMTIuODQ1NDk5OTkyMzcwNjEgTCA3LjY1MDcwMDA5MjMxNTY3NCAxMi44NDU0OTk5OTIzNzA2MSBNIDguNjUwNzk5NzUxMjgxNzM4IDE0Ljg0NTQ5OTk5MjM3MDYxIEwgNC40NDY4OTk4OTA4OTk2NTggMTQuODQ1NDk5OTkyMzcwNjEgQyAzLjg5NDI5OTk4Mzk3ODI3MSAxNC44NDU0OTk5OTIzNzA2MSAzLjQ0NzAwMDAyNjcwMjg4MSAxNC4zOTcyOTk3NjY1NDA1MyAzLjQ0NzAwMDAyNjcwMjg4MSAxMy44NDU2MDAxMjgxNzM4MyBMIDMuNDQ3MDAwMDI2NzAyODgxIDEyLjA1Nzk3MDA0Njk5NzA3IEMgMS4zOTQ3MDAwNTAzNTQwMDQgMTAuOTc1NTQ5Njk3ODc1OTggNS45NTA5Mjc1NzI5Mzk2OWUtMDggOC44NTI2NDAxNTE5Nzc1MzkgNS45NTA5Mjc1NzI5Mzk2OWUtMDggNi40MTA2OTk4NDQzNjAzNTIgQyA1Ljk1MDkyNzU3MjkzOTY5ZS0wOCAyLjg3MDEwMDAyMTM2MjMwNSAyLjkzMjE5OTk1NDk4NjU3MiAtMy44MTQ2OTc4OTA5MDI2MDdlLTA5IDYuNTQ5MzAwMTkzNzg2NjIxIC0zLjgxNDY5Nzg5MDkwMjYwN2UtMDkgQyAxMC4xNjU0OTk2ODcxOTQ4MiAtMy44MTQ2OTc4OTA5MDI2MDdlLTA5IDEzLjA5NzcwMDExOTAxODU1IDIuODcwMTAwMDIxMzYyMzA1IDEzLjA5NzcwMDExOTAxODU1IDYuNDEwNjk5ODQ0MzYwMzUyIEMgMTMuMDk3NzAwMTE5MDE4NTUgOC44NTI2NDAxNTE5Nzc1MzkgMTEuNzAyNzEwMTUxNjcyMzYgMTAuOTc1NzAwMzc4NDE3OTcgOS42NTA2OTk2MTU0Nzg1MTYgMTIuMDU4MTE5NzczODY0NzUgTCA5LjY1MDY5OTYxNTQ3ODUxNiAxMy44NDU2MDAxMjgxNzM4MyBDIDkuNjUwNjk5NjE1NDc4NTE2IDE0LjM5NzI5OTc2NjU0MDUzIDkuMjAzMzk5NjU4MjAzMTI1IDE0Ljg0NTQ5OTk5MjM3MDYxIDguNjUwNzk5NzUxMjgxNzM4IDE0Ljg0NTQ5OTk5MjM3MDYxIFoiIHN0cm9rZT0ibm9uZSIgZmlsbD0iI2ZmZiIvPgogICAgPC9nPgogICAgPGxpbmUgaWQ9IkxpZ25lXzMxOTciIGRhdGEtbmFtZT0iTGlnbmUgMzE5NyIgeDI9IjQuNzc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOTcuMDk2IDQ4MjcuNDA5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogIDwvZz4KPC9zdmc+Cg==);
|
||||
|
|
@ -29,5 +43,32 @@
|
|||
.homegrade-blocks-custom-heading.has-icon.has-icon--chain::before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMTIiIGhlaWdodD0iMTUuOTk5IiB2aWV3Qm94PSIwIDAgMTYuMDEyIDE1Ljk5OSI+CiAgPGcgaWQ9Ikljb25fZmVhdGhlci1saW5rIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1saW5rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS45OTMgLTIuMDA3KSI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTU5IiBkYXRhLW5hbWU9IlRyYWPDqSAxODU1OSIgZD0iTTE1LDEwLjcwN2EzLjUsMy41LDAsMCwwLDUuMjguMzc4bDIuMS0yLjFBMy41LDMuNSwwLDEsMCwxNy40Myw0LjAzM2wtMS4yLDEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNDAyIDApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzE4NTYwIiBkYXRhLW5hbWU9IlRyYWPDqSAxODU2MCIgZD0iTTExLjQsMTQuOWEzLjUsMy41LDAsMCwwLTUuMjgtLjM3OGwtMi4xLDIuMUEzLjUsMy41LDAsMSwwLDguOTcsMjEuNTdsMS4yLTEuMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtNS41OSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--documentation::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZG9jdW1lbnRhdGlvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCA3LjM4IDguOTgiPgogIDxnIGlkPSJJY29uX2ZlYXRoZXItYm9vayIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItYm9vayI+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzIwMzQ3IiBkYXRhLW5hbWU9IlRyYWPDqSAyMDM0NyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNLjUsNy40OGMwLS41NS40NS0xLDEtMWg1LjM4Ii8+CiAgICA8cGF0aCBpZD0iVHJhY8OpXzIwMzQ4IiBkYXRhLW5hbWU9IlRyYWPDqSAyMDM0OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIiBkPSJNMS41LjVoNS4zOHY3Ljk4SDEuNWMtLjU1LDAtMS0uNDUtMS0xVjEuNWMwLS41NS40NS0xLDEtMVoiLz4KICA8L2c+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB4MT0iMi44OCIgeTE9IjIuOTgiIHgyPSI0LjgyIiB5Mj0iMi45OCIvPgo8L3N2Zz4=);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--euro::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iZXVybyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCA3LjM1IDcuMTciPgogIDxwYXRoIHN0cm9rZT0id2hpdGUiIGNsYXNzPSJjbHMtMSIgZD0iTTYuODUsMS41NGMtLjE1LS4xNS0xLjItMS4xOC0yLjY4LTEuMDItMS40Ni4xNi0yLjg1LDEuNDItMi44NSwzLjA3LDAsMS43MywxLjUzLDIuOTksMy4wMiwzLjA3LDEuMzcuMDgsMi4zMy0uODUsMi41MS0xLjAyIi8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgY2xhc3M9ImNscy0xIiB4MT0iLjUiIHkxPSIyLjc0IiB4Mj0iNC4zNCIgeTI9IjIuNzQiLz4KICA8bGluZSBzdHJva2U9IndoaXRlIiBjbGFzcz0iY2xzLTEiIHgxPSIuNSIgeTE9IjQuMzMiIHgyPSI0LjM0IiB5Mj0iNC4zMyIvPgo8L3N2Zz4=);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--house::before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4zODgiIGhlaWdodD0iMTQuMTg2IiB2aWV3Qm94PSIwIDAgMTIuMzg4IDE0LjE4NiI+CiAgPHBhdGggaWQ9IlRyYWPDqV8xODUzNCIgZGF0YS1uYW1lPSJUcmFjw6kgMTg1MzQiIGQ9Ik05NjAuMjE0LDkyOS40NDJsLTUuMTk0LDQuNzgydjcuNGgxMC4zODh2LTcuNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NTQuMDIgLTkyOC40NDIpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--info::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iaW5mbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iYXV0byIgaGVpZ2h0PSIxOC40MDkiIHZpZXdCb3g9IjAgMCAxIDYuMTgiPgogIDxsaW5lIHN0cm9rZT0id2hpdGUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiB4MT0iLjUiIHkxPSIyLjQxIiB4Mj0iLjUiIHkyPSI1LjY4Ii8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHgxPSIuNSIgeTE9Ii41IiB4Mj0iLjUiIHkyPSIuNSIvPgo8L3N2Zz4=);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--key::before {
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDMiIGhlaWdodD0iMTcuNDI2IiB2aWV3Qm94PSIwIDAgMTcuODAzIDE3LjQyNiI+CiAgPHBhdGggaWQ9Ikljb25fZmVhdGhlci1rZXkiIGRhdGEtbmFtZT0iSWNvbiBmZWF0aGVyLWtleSIgZD0iTTE4LjAxMywzbC0xLjU4LDEuNThNMTAuNDIsMTAuNTkzYTQuMzQ2LDQuMzQ2LDAsMSwxLTYuMTQ2LDAsNC4zNDYsNC4zNDYsMCwwLDEsNi4xNDYsMFptMCwwLDMuMjQ4LTMuMjQ4bTAsMCwyLjM3LDIuMzdMMTguOCw2Ljk1MWwtMi4zNy0yLjM3TTEzLjY2OCw3LjM0NiwxNi40MzMsNC41OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDAxIC0xLjU4NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--notification::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0ibm90aWZpY2F0aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgdmlld0JveD0iMCAwIDguNjEgMTAuNDUiPgogIDxwYXRoIHN0cm9rZT0id2hpdGUiIGZpbGw9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTQuMzEuNXYuNTVjLjc3LjEyLDEuMjEuNDEsMS40Mi41OS44My42OS45LDEuNzQuOTYsMi42LjA2Ljg4LS4xMSwxLC4wMiwxLjU2LjIxLjg4Ljg2LDEuNTEsMS4zOSwxLjkyaC0zLjhzMCwwLDAsMEguNWMuNTQtLjQxLDEuMTgtMS4wNCwxLjM5LTEuOTIuMTMtLjU2LS4wNC0uNjguMDItMS41Ni4wNi0uODYuMTMtMS45Mi45Ni0yLjYuMjItLjE4LjY2LS40NywxLjQyLS41OXYtLjU1Ii8+CiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zLjM0LDkuMjljLjE1LjM5LjUyLjY1LjkzLjY2LjQzLjAxLjgyLS4yNS45OC0uNjYiLz4KPC9zdmc+);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--search::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0icmVjaGVyY2hlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgdmlld0JveD0iMCAwIDguMjMgOC4yIj4KICA8Y2lyY2xlIHN0cm9rZT0id2hpdGUiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjeD0iMy41IiBjeT0iMy41IiByPSIzIi8+CiAgPGxpbmUgc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHgxPSI1LjY1IiB5MT0iNS42MSIgeDI9IjcuNzMiIHkyPSI3LjciLz4KPC9zdmc+);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--tip::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYXN0dWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgdmlld0JveD0iMCAwIDkuMTQgOS4xNiI+CiAgPHBhdGggc3Ryb2tlPSJ3aGl0ZSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik04LjE1LDMuNjhjLS43NC0uNzItMS45Mi0uNDUtMi4wMy0uNDIuMTctLjY0LjE0LTEuMTUuMDktMS40NS0uMDctLjQzLS4xNi0xLjA1LS42MS0xLjI1LS4wNS0uMDItLjMtLjEyLS41Mi0uMDEtLjM1LjE4LS4zMS43Mi0uNDcsMS4zLS4xMS4zOS0uMzQuOTItLjkyLDEuNS0uMTYuMDktLjM5LjIzLS42Mi40NHYtLjIxbC0yLjU3LS4wOXY0LjM3aDIuNTd2LS4xNmMxLC44NCwyLjIzLjkxLDIuNjguOTQuNzcuMDQsMS4zNC4wNywxLjg4LS4zLjk1LS42NS45OS0xLjk4LDEuMDEtMi42Ni4wMi0uNzguMDQtMS40OS0uNDgtMloiLz4KICA8bGluZSBzdHJva2U9IndoaXRlIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeDE9IjMuMDciIHkxPSI3Ljg2IiB4Mj0iMy4wNyIgeTI9IjMuNzkiLz4KPC9zdmc+);
|
||||
}
|
||||
.homegrade-blocks-custom-heading.has-icon.has-icon--warning::before {
|
||||
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iYXR0ZW50aW9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSJhdXRvIiBoZWlnaHQ9IjE4LjQwOSIgIHZpZXdCb3g9IjAgMCAxLjM5IDcuMjUiPgogIDxsaW5lIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgeDE9Ii42OSIgeTE9IjQuMzMiIHgyPSIuNyIgeTI9Ii41Ii8+CiAgPGNpcmNsZSBmaWxsPSJ3aGl0ZSIgY3g9Ii42OSIgY3k9IjYuNTYiIHI9Ii42OSIvPgo8L3N2Zz4=);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=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: 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":""}
|
||||
{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACC;EACA;AACD;AAAC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEF;AAAE;EACC;EACA;EACA;EACA;AAEH;AACC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;AACF;AACC;EACC;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\t.icon {\n\t\tbackground-color: black;\n\t\tborder-radius: 50%;\n\t\taspect-ratio: 1/1;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tpadding: 10px;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\twidth: 30px;\n\t\t\tmax-width: 80%;\n\t\t\tmax-height: 100%;\n\t\t\theight: auto;\n\t\t}\n\t}\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--acoustic::before {\n\t\tbackground-image: url(\"../src/img/icon_acoustic.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\t&.has-icon--documentation::before {\n\t\tbackground-image: url(\"../src/img/icon_documentation.svg\");\n\t}\n\t&.has-icon--euro::before {\n\t\tbackground-image: url(\"../src/img/icon_euro.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--info::before {\n\t\tbackground-image: url(\"../src/img/icon_info.svg\");\n\t}\n\t&.has-icon--key::before {\n\t\tbackground-image: url(\"../src/img/icon_key.svg\");\n\t}\n\t&.has-icon--notification::before {\n\t\tbackground-image: url(\"../src/img/icon_notification.svg\");\n\t}\n\t&.has-icon--search::before {\n\t\tbackground-image: url(\"../src/img/icon_search.svg\");\n\t}\n\t&.has-icon--tip::before {\n\t\tbackground-image: url(\"../src/img/icon_tip.svg\");\n\t}\n\t&.has-icon--warning::before {\n\t\tbackground-image: url(\"../src/img/icon_warning.svg\");\n\t}\n}\n"],"names":[],"sourceRoot":""}
|
||||
|
|
@ -27,6 +27,19 @@ import {
|
|||
} from "@wordpress/icons";
|
||||
|
||||
import { useEffect } from "@wordpress/element";
|
||||
import keyIcon from "./img/icon_key.svg";
|
||||
import chainIcon from "./img/icon_chain.svg";
|
||||
import houseIcon from "./img/icon_house.svg";
|
||||
import bulbIcon from "./img/icon_bulb.svg";
|
||||
import warningIcon from "./img/icon_warning.svg";
|
||||
import acousticIcon from "./img/icon_acoustic.svg";
|
||||
import documentationIcon from "./img/icon_documentation.svg";
|
||||
import notificationIcon from "./img/icon_notification.svg";
|
||||
import searchIcon from "./img/icon_search.svg";
|
||||
import infoIcon from "./img/icon_info.svg";
|
||||
import tipIcon from "./img/icon_tip.svg";
|
||||
import euroIcon from "./img/icon_euro.svg";
|
||||
|
||||
export default function Edit({
|
||||
attributes,
|
||||
setAttributes,
|
||||
|
|
@ -63,10 +76,51 @@ export default function Edit({
|
|||
hasIcon: hasIconToggleValue,
|
||||
});
|
||||
}
|
||||
function getIconPicture() {
|
||||
switch (iconName) {
|
||||
case "key":
|
||||
return keyIcon;
|
||||
|
||||
case "chain":
|
||||
return chainIcon;
|
||||
|
||||
case "house":
|
||||
return houseIcon;
|
||||
|
||||
case "bulb":
|
||||
return bulbIcon;
|
||||
|
||||
case "warning":
|
||||
return warningIcon;
|
||||
|
||||
case "acoustic":
|
||||
return acousticIcon;
|
||||
|
||||
case "documentation":
|
||||
return documentationIcon;
|
||||
|
||||
case "notification":
|
||||
return notificationIcon;
|
||||
|
||||
case "search":
|
||||
return searchIcon;
|
||||
|
||||
case "info":
|
||||
return infoIcon;
|
||||
|
||||
case "tip":
|
||||
return tipIcon;
|
||||
|
||||
case "euro":
|
||||
return euroIcon;
|
||||
}
|
||||
}
|
||||
function insertParagraphOnEnter(e) {
|
||||
const newBlock = createBlock("core/paragraph", {});
|
||||
dispatch("core/block-editor").insertBlocks(newBlock, blockIndex + 1);
|
||||
}
|
||||
let iconPicture = getIconPicture();
|
||||
console.log(iconName);
|
||||
|
||||
return (
|
||||
<>
|
||||
|
|
@ -143,6 +197,54 @@ export default function Edit({
|
|||
isActive={iconName === "bulb"}
|
||||
onClick={() => handleIconChange("bulb")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Attention"}
|
||||
icon={"warning"}
|
||||
isActive={iconName === "warning"}
|
||||
onClick={() => handleIconChange("warning")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Acoustique"}
|
||||
icon={"controls-volumeon"}
|
||||
isActive={iconName === "acoustic"}
|
||||
onClick={() => handleIconChange("acoustic")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Documentation"}
|
||||
icon={"book-alt"}
|
||||
isActive={iconName === "documentation"}
|
||||
onClick={() => handleIconChange("documentation")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Recherche"}
|
||||
icon={"search"}
|
||||
isActive={iconName === "search"}
|
||||
onClick={() => handleIconChange("search")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Notification"}
|
||||
icon={"bell"}
|
||||
isActive={iconName === "notification"}
|
||||
onClick={() => handleIconChange("notification")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Info"}
|
||||
icon={"info"}
|
||||
isActive={iconName === "info"}
|
||||
onClick={() => handleIconChange("info")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Euro"}
|
||||
icon={"money-alt"}
|
||||
isActive={iconName === "euro"}
|
||||
onClick={() => handleIconChange("euro")}
|
||||
/>
|
||||
<ToolbarButton
|
||||
title={"Astuce"}
|
||||
icon={"thumbs-up"}
|
||||
isActive={iconName === "tip"}
|
||||
onClick={() => handleIconChange("tip")}
|
||||
/>
|
||||
</ToolbarGroup>
|
||||
)}
|
||||
</BlockControls>
|
||||
|
|
@ -152,6 +254,11 @@ export default function Edit({
|
|||
enter: (e) => insertParagraphOnEnter(e),
|
||||
}}
|
||||
>
|
||||
{/* {hasIcon && (
|
||||
<div className="icon">
|
||||
<img src={iconPicture} alt="" />
|
||||
</div>
|
||||
)} */}
|
||||
<RichText
|
||||
onChange={onChangeTitle}
|
||||
value={title}
|
||||
|
|
|
|||
5
blocks/content-heading/src/img/icon_acoustic.svg
Normal file
5
blocks/content-heading/src/img/icon_acoustic.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="acoustique" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 10.62 11">
|
||||
<path stroke="white" fill="white" stroke-linecap="round" stroke-linejoin="round" d="M4.75,1.44c-.37.32-.62.66-.79.93h-1.5c-1.09,0-1.97.88-1.97,1.97v2.34c0,1.09.88,1.97,1.97,1.97h1.5c.24.3.59.67,1.07,1.01.7.5,1.38.74,1.83.85V.5c-.42.06-1.31.24-2.12.94Z"/>
|
||||
<path stroke="white" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M9.04,3.13c.13.12,1.19,1.11,1.06,2.63-.1,1.21-.88,1.95-1.06,2.11"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 564 B |
8
blocks/content-heading/src/img/icon_documentation.svg
Normal file
8
blocks/content-heading/src/img/icon_documentation.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="documentation" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.38 8.98">
|
||||
<g id="Icon_feather-book" data-name="Icon feather-book">
|
||||
<path id="Tracé_20347" data-name="Tracé 20347" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M.5,7.48c0-.55.45-1,1-1h5.38"/>
|
||||
<path id="Tracé_20348" data-name="Tracé 20348" stroke="white" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M1.5.5h5.38v7.98H1.5c-.55,0-1-.45-1-1V1.5c0-.55.45-1,1-1Z"/>
|
||||
</g>
|
||||
<line stroke="white" stroke-linecap="round" stroke-linejoin="round" x1="2.88" y1="2.98" x2="4.82" y2="2.98"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 689 B |
6
blocks/content-heading/src/img/icon_euro.svg
Normal file
6
blocks/content-heading/src/img/icon_euro.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="euro" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 7.35 7.17">
|
||||
<path stroke="white" class="cls-1" d="M6.85,1.54c-.15-.15-1.2-1.18-2.68-1.02-1.46.16-2.85,1.42-2.85,3.07,0,1.73,1.53,2.99,3.02,3.07,1.37.08,2.33-.85,2.51-1.02"/>
|
||||
<line stroke="white" class="cls-1" x1=".5" y1="2.74" x2="4.34" y2="2.74"/>
|
||||
<line stroke="white" class="cls-1" x1=".5" y1="4.33" x2="4.34" y2="4.33"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 467 B |
5
blocks/content-heading/src/img/icon_info.svg
Normal file
5
blocks/content-heading/src/img/icon_info.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="info" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 1 6.18">
|
||||
<line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1="2.41" x2=".5" y2="5.68"/>
|
||||
<line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1=".5" y1=".5" x2=".5" y2=".5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 416 B |
5
blocks/content-heading/src/img/icon_notification.svg
Normal file
5
blocks/content-heading/src/img/icon_notification.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="notification" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.61 10.45">
|
||||
<path stroke="white" fill="white" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M4.31.5v.55c.77.12,1.21.41,1.42.59.83.69.9,1.74.96,2.6.06.88-.11,1,.02,1.56.21.88.86,1.51,1.39,1.92h-3.8s0,0,0,0H.5c.54-.41,1.18-1.04,1.39-1.92.13-.56-.04-.68.02-1.56.06-.86.13-1.92.96-2.6.22-.18.66-.47,1.42-.59v-.55"/>
|
||||
<path stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M3.34,9.29c.15.39.52.65.93.66.43.01.82-.25.98-.66"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 636 B |
5
blocks/content-heading/src/img/icon_search.svg
Normal file
5
blocks/content-heading/src/img/icon_search.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="recherche" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 8.23 8.2">
|
||||
<circle stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" cx="3.5" cy="3.5" r="3"/>
|
||||
<line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="5.65" y1="5.61" x2="7.73" y2="7.7"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 420 B |
5
blocks/content-heading/src/img/icon_tip.svg
Normal file
5
blocks/content-heading/src/img/icon_tip.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="astuce" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 9.14 9.16">
|
||||
<path stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M8.15,3.68c-.74-.72-1.92-.45-2.03-.42.17-.64.14-1.15.09-1.45-.07-.43-.16-1.05-.61-1.25-.05-.02-.3-.12-.52-.01-.35.18-.31.72-.47,1.3-.11.39-.34.92-.92,1.5-.16.09-.39.23-.62.44v-.21l-2.57-.09v4.37h2.57v-.16c1,.84,2.23.91,2.68.94.77.04,1.34.07,1.88-.3.95-.65.99-1.98,1.01-2.66.02-.78.04-1.49-.48-2Z"/>
|
||||
<line stroke="white" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" x1="3.07" y1="7.86" x2="3.07" y2="3.79"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 693 B |
5
blocks/content-heading/src/img/icon_warning.svg
Normal file
5
blocks/content-heading/src/img/icon_warning.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="attention" xmlns="http://www.w3.org/2000/svg" width="auto" height="18.409" viewBox="0 0 1.39 7.25">
|
||||
<line stroke="white" stroke-linecap="round" stroke-linejoin="round" x1=".69" y1="4.33" x2=".7" y2=".5"/>
|
||||
<circle fill="white" cx=".69" cy="6.56" r=".69"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 314 B |
|
|
@ -1,7 +1,59 @@
|
|||
import { useBlockProps, RichText } from "@wordpress/block-editor";
|
||||
import keyIcon from "./img/icon_key.svg";
|
||||
import chainIcon from "./img/icon_chain.svg";
|
||||
import houseIcon from "./img/icon_house.svg";
|
||||
import bulbIcon from "./img/icon_bulb.svg";
|
||||
import warningIcon from "./img/icon_warning.svg";
|
||||
import acousticIcon from "./img/icon_acoustic.svg";
|
||||
import documentationIcon from "./img/icon_documentation.svg";
|
||||
import notificationIcon from "./img/icon_notification.svg";
|
||||
import searchIcon from "./img/icon_search.svg";
|
||||
import infoIcon from "./img/icon_info.svg";
|
||||
import tipIcon from "./img/icon_tip.svg";
|
||||
import euroIcon from "./img/icon_euro.svg";
|
||||
|
||||
export default function save({ attributes }) {
|
||||
const { title, headingLevel, hasIcon, iconName, idName } = attributes;
|
||||
function getIconPicture() {
|
||||
switch (iconName) {
|
||||
case "key":
|
||||
return keyIcon;
|
||||
|
||||
case "chain":
|
||||
return chainIcon;
|
||||
|
||||
case "house":
|
||||
return houseIcon;
|
||||
|
||||
case "bulb":
|
||||
return bulbIcon;
|
||||
|
||||
case "warning":
|
||||
return warningIcon;
|
||||
|
||||
case "acoustic":
|
||||
return acousticIcon;
|
||||
|
||||
case "documentation":
|
||||
return documentationIcon;
|
||||
|
||||
case "notification":
|
||||
return notificationIcon;
|
||||
|
||||
case "search":
|
||||
return searchIcon;
|
||||
|
||||
case "info":
|
||||
return infoIcon;
|
||||
|
||||
case "tip":
|
||||
return tipIcon;
|
||||
|
||||
case "euro":
|
||||
return euroIcon;
|
||||
}
|
||||
}
|
||||
let iconPicture = getIconPicture();
|
||||
return (
|
||||
<>
|
||||
<RichText.Content
|
||||
|
|
|
|||
|
|
@ -1,7 +1,24 @@
|
|||
.homegrade-blocks-custom-heading.has-icon {
|
||||
display: flex;
|
||||
align-items: start;
|
||||
.icon {
|
||||
background-color: black;
|
||||
border-radius: 50%;
|
||||
aspect-ratio: 1/1;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 30px;
|
||||
max-width: 80%;
|
||||
max-height: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
&::before {
|
||||
content: "";
|
||||
background-color: red;
|
||||
|
|
@ -14,11 +31,8 @@
|
|||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
&.has-icon--key::before {
|
||||
background-image: url("../src/img/icon_key.svg");
|
||||
}
|
||||
&.has-icon--house::before {
|
||||
background-image: url("../src/img/icon_house.svg");
|
||||
&.has-icon--acoustic::before {
|
||||
background-image: url("../src/img/icon_acoustic.svg");
|
||||
}
|
||||
&.has-icon--bulb::before {
|
||||
background-image: url("../src/img/icon_bulb.svg");
|
||||
|
|
@ -26,4 +40,31 @@
|
|||
&.has-icon--chain::before {
|
||||
background-image: url("../src/img/icon_chain.svg");
|
||||
}
|
||||
&.has-icon--documentation::before {
|
||||
background-image: url("../src/img/icon_documentation.svg");
|
||||
}
|
||||
&.has-icon--euro::before {
|
||||
background-image: url("../src/img/icon_euro.svg");
|
||||
}
|
||||
&.has-icon--house::before {
|
||||
background-image: url("../src/img/icon_house.svg");
|
||||
}
|
||||
&.has-icon--info::before {
|
||||
background-image: url("../src/img/icon_info.svg");
|
||||
}
|
||||
&.has-icon--key::before {
|
||||
background-image: url("../src/img/icon_key.svg");
|
||||
}
|
||||
&.has-icon--notification::before {
|
||||
background-image: url("../src/img/icon_notification.svg");
|
||||
}
|
||||
&.has-icon--search::before {
|
||||
background-image: url("../src/img/icon_search.svg");
|
||||
}
|
||||
&.has-icon--tip::before {
|
||||
background-image: url("../src/img/icon_tip.svg");
|
||||
}
|
||||
&.has-icon--warning::before {
|
||||
background-image: url("../src/img/icon_warning.svg");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user