homegrade_blocks_production/blocks/focused-thematique/build/style-index.css.map

1 line
4.7 KiB
Plaintext

{"version":3,"file":"./style-index.css","mappings":";;;AACC;EACC;AAAF;;AAIA;EACC;AADD;AAEC;EACC;AAAF;AAEC;EACC;EACA;EACA;EACA;AAAF;AACE;EACC;EACA;EACA;EACA;EACA;EACA;AACH;AACE;EACC;AACH;AAEC;EACC;EACA;AAAF;;AAoEA;EACC;EACA;EACA;EACA;AAjED;AAkEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhEF;AAmEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjEF;AAmEE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjEH;AAmEE;EACC;EACA;AAjEH;;AA2EA;EACC;EACA;EACA;AAxED;AA6EC;EACC;EACA;EACA;AA3EF;;AAiFA;EACC;EACA;AA9ED,C","sources":["webpack://multiblocks/./src/style.scss"],"sourcesContent":[".homegrade-blocks-focused-thematique-cover {\n\tfigure {\n\t\tposition: relative;\n\t}\n}\n\n.homegrade-blocks-focused-thematique {\n\tpadding-bottom: 100px;\n\tfigure {\n\t\tpadding-bottom: 50px;\n\t}\n\t&__figcaption-toggle {\n\t\topacity: 0.9999;\n\t\tfont-weight: bold;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\timg {\n\t\t\theight: 8px;\n\t\t\twidth: auto;\n\t\t\tmargin-top: 2px;\n\t\t\tmargin-left: 10px;\n\t\t\ttransition: all 0.3s ease-out;\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t\t&[aria-expanded=\"true\"] img {\n\t\t\ttransform: rotate(-180deg);\n\t\t}\n\t}\n\tfigcaption[aria-hidden=\"true\"] {\n\t\tdisplay: none;\n\t\theight: 0;\n\t}\n}\n// .homegrade-blocks-focus-point-bullet:hover {\n// \tscale: 1.2;\n// \tfilter: brightness(1.2) hue-rotate(10deg);\n// }\n// .homegrade-blocks-focus-point-bullet {\n// \tbackground-color: red;\n// \tborder-radius: 50%;\n// \t// width: 6px;\n// \t// height: 6px;\n// \tposition: absolute !important;\n// \ttop: 0;\n// \tleft: 0;\n// \tz-index: 99;\n// \tcolor: white;\n// \tdisplay: flex;\n// \tjustify-content: center;\n// \talign-items: center;\n// \tpadding: 10px;\n// \ttransition: scale 0.2s ease-in-out;\n// \t&:after {\n// \t\tposition: absolute;\n// \t\tcontent: \"\";\n// \t\tdisplay: block;\n// \t\twidth: 100%;\n// \t\theight: 100%;\n// \t\tborder-radius: 50%;\n// \t\tbackground-color: red;\n// \t\topacity: 0.2;\n// \t\twidth: 200%;\n// \t\theight: 200%;\n// \t}\n// }\n// .focus-point-popup-container {\n// \tbackground-color: white;\n// \tborder-radius: 14px;\n// \tpadding: 10px;\n// \ttransform: translate(-34%, -110%);\n// \tposition: absolute;\n// \ttop: 0;\n// \tleft: 0;\n// \tmax-width: 400px;\n// \ttext-align: center;\n// \tdisplay: flex;\n// \tjustify-content: center;\n// \talign-items: center;\n// \tbox-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n\n// \t&:after {\n// \t\tcontent: \"\";\n// \t\tdisplay: block;\n// \t\tbackground-color: white;\n// \t\tposition: absolute;\n// \t\ttop: 100%;\n// \t\tleft: 50%;\n// \t\twidth: 10px;\n// \t\theight: 10px;\n// \t\ttransform: translate(-50%, -50%) rotate(45deg);\n// \t\tbox-shadow: 4px 4px 4px rgba(0, 0, 0, 0.04);\n// \t}\n// \t&__title {\n// \t\twidth: auto;\n// \t\tmin-width: 100px;\n// \t}\n// }\n\n.homegrade-blocks-focus-point-bullet {\n\tposition: absolute !important;\n\tborder-radius: 50%;\n\ttransition: scale 0.2s ease-in-out;\n\tz-index: 10;\n\t&__index {\n\t\tfont-weight: 700;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tposition: relative;\n\t\tcolor: white;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tpadding: 16px;\n\t}\n\n\t&__tooltip-container {\n\t\tbackground-color: white;\n\t\topacity: 0.9999;\n\t\tborder-radius: 14px;\n\t\tpadding: 10px;\n\t\tposition: absolute;\n\t\ttop: -4px;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -100%);\n\t\twidth: max-content;\n\t\tmin-width: 70px;\n\t\tmax-width: 220px;\n\t\ttext-align: center;\n\t\tdisplay: none;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbox-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);\n\t\tz-index: 999;\n\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: block;\n\t\t\tbackground-color: white;\n\t\t\tposition: absolute;\n\t\t\ttop: 100%;\n\t\t\tleft: 50%;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\ttransform: translate(-50%, -50%) rotate(45deg);\n\t\t\tbox-shadow: 4px 4px 4px rgba(0, 0, 0, 0.04);\n\t\t\tz-index: 999;\n\t\t}\n\t\t&__title {\n\t\t\twidth: auto;\n\t\t\tmin-width: 100px;\n\t\t}\n\t}\n}\n// .homegrade-blocks-focus-point-bullet:hover {\n// \t.homegrade-blocks-focus-point-bullet__tooltip-container:not(:hover) {\n// \t\tbackground-color: yellow !important;\n// \t}\n// }\n\n.homegrade-blocks-focus-point-bullet:hover {\n\tscale: 1.2;\n\tfilter: brightness(1.2) hue-rotate(10deg);\n\tz-index: 1;\n\t// ~ .homegrade-blocks-focus-point-bullet {\n\t// \t// background-color: yellow !important;\n\t// \tz-index: 1;\n\t// }\n\t.homegrade-blocks-focus-point-bullet__tooltip-container {\n\t\tdisplay: flex;\n\t\tz-index: 999;\n\t\tposition: absolute;\n\t}\n}\n\n//***** TOOLTIP\n\n.tooltip-title {\n\tfont-weight: bold;\n\tmargin-right: 6px;\n}\n"],"names":[],"sourceRoot":""}