/*!***************************************************************************************************************************************************************************************************************************************!*\ !*** 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 ***! \***************************************************************************************************************************************************************************************************************************************/ /** * The following styles get applied both on the front of your site * and in the editor. * * Replace them with your own styles or remove the file completely. */ .homegrade-blocks-vocabulaire-summary { padding: 20px; } .homegrade-blocks-vocabulaire-summary details { cursor: pointer; padding: 20px; background-color: white; } .homegrade-blocks-vocabulaire-summary details[open] summary .open-close-icon { transform: translate(0, -50%) rotate(180deg); } .homegrade-blocks-vocabulaire-summary summary { cursor: pointer; position: relative; margin: 0; font-weight: bold; } .homegrade-blocks-vocabulaire-summary summary::marker { content: none; } .homegrade-blocks-vocabulaire-summary summary .open-close-icon { transition: transform 0.3s ease-in-out; right: 20px; top: 50%; transform: translate(0, -50%); position: absolute; display: flex; border: 2px solid black; justify-content: center; align-items: center; border-radius: 50%; height: 26px; width: 26px; } .homegrade-blocks-vocabulaire-summary__title { margin: 0; padding-bottom: 20px; } .homegrade-blocks-vocabulaire-summary__content { padding-top: 30px; } .homegrade-blocks-vocabulaire-summary__content-wrapper { overflow: hidden; height: 0; transition: height 0.3s ease-in-out; } /*# sourceMappingURL=style-index.css.map*/