homegrade_blocks_production/build/index.css

84 lines
2.5 KiB
CSS

/*!******************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/format-types/tooltip/tooltip.css ***!
\******************************************************************************************************************************************************************************************/
.tooltip-word {
/* padding-top: 12px; */
position: relative;
cursor: default;
text-underline-offset: 4px;
text-decoration-style: dashed;
text-decoration-color: red;
}
.tooltip-container {
position: relative;
display: inline-block;
}
.tooltip-popup {
position: absolute;
top: 0px;
left: 50%;
/* transform: translate(-50%, -98%); */
transform: translate(-50%, -100%);
text-align: left;
padding: 10px;
max-width: 300px;
width: -moz-max-content;
width: max-content;
--tooltip-x-position: 50%;
}
.tooltip-popup[aria-hidden="true"] {
display: none;
}
.tooltip-container:hover,
.tooltip-container:focus-visible {
.tooltip-popup {
display: block;
}
}
.tooltip-popup:after {
content: "";
display: block;
background-color: white;
position: absolute;
top: 100%;
/* left: 50%; */
left: var(--tooltip-x-position);
width: 20px;
height: 20px;
transform: translate(-50%, -50%) rotate(45deg);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.08);
}
.tooltip-popup__title {
font-weight: bold;
color: black !important;
padding-bottom: 10px;
margin-top: 0 !important;
}
.tooltip-popup__definition {
color: black !important;
margin: 0 !important;
}
/* FOR THE EDITOR */
.popover_tooltip_field {
.components-popover__content {
padding: 10px !important;
min-width: 200px;
}
}
/*!********************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/format-types/brochure/brochure.css ***!
\********************************************************************************************************************************************************************************************/
.brochure-download-icon {
margin: 0 0px 0 6px;
display: inline-block;
transform: translateY(-1px);
}
/*# sourceMappingURL=index.css.map*/