{"version":3,"file":"blocks/ShapeDivider/style-index.css","mappings":";;;AAOA;EACC;EACA;EAQA;EACA;EAEA;EAIA;EACA;AAjBD;AAmBC;EACC;EACA;EACA;AAjBF;AAuBC;EACC;AArBF;AAwBC;EACC;AAtBF;AAyBC;EACC;AAvBF;AA0BC;EACC;AAxBF,C","sources":["webpack://brandy-blocks/./src/blocks/ShapeDivider/style.scss"],"sourcesContent":["// Shape Divider — shared editor + frontend styles.\n//\n// The SVG fills the wrapper and is stretched by `preserveAspectRatio=\"none\"`,\n// so height is a single custom property rather than a per-shape viewBox. Both\n// flips are CSS transforms on the SVG: one path per shape, drawn closing along\n// the bottom edge, is the whole catalogue.\n\n.brandy-shape-divider {\n\t--brandy-shape-divider-height: 80px;\n\t--brandy-shape-divider-fill: currentColor;\n\n\t// Gradient stops when the author has not picked colours. `brandy-primary`\n\t// is not in theme.json — it is injected per niche by\n\t// AbstractNicheSetup::update_theme_json(), so it is absent on a non-Brandy\n\t// theme and the hex fallbacks (the block's original defaults) apply there.\n\t// `brandy-primary-10` is the same hue at 10% alpha, which fades the shape\n\t// out instead of introducing a second colour.\n\t--brandy-shape-divider-from: var(--wp--preset--color--brandy-primary, #0061fe);\n\t--brandy-shape-divider-to: var(--wp--preset--color--brandy-primary-10, #00c2ff);\n\n\tbox-sizing: border-box;\n\t// `line-height: 0` and `display: block` on the SVG together kill the\n\t// inline-descender gap that otherwise leaves a hairline of background\n\t// under the shape — the seam this block exists to remove.\n\tline-height: 0;\n\toverflow: hidden;\n\n\t&__svg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: var(--brandy-shape-divider-height);\n\t}\n\n\t// Scoped to the solid case on purpose. CSS outranks SVG presentation\n\t// attributes, so an unscoped `fill` here would override the `url(#…)` that\n\t// points at the gradient and every gradient divider would render flat.\n\t&:not(.has-gradient) &__svg path {\n\t\tfill: var(--brandy-shape-divider-fill);\n\t}\n\n\t&.is-flipped-x &__svg {\n\t\ttransform: scaleX(-1);\n\t}\n\n\t&.is-inverted &__svg {\n\t\ttransform: scaleY(-1);\n\t}\n\n\t&.is-flipped-x.is-inverted &__svg {\n\t\ttransform: scale(-1, -1);\n\t}\n}\n"],"names":[],"sourceRoot":""}