{"version":3,"file":"blocks/Notice/style-index.css","mappings":";;;AAMA;EACC;EAGA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AARD;AAUC;EACC;AARF;AAWC;EACC;AATF;AAYC;EACC;AAVF;AAaC;EACC;EACA;EACA;EACA;EACA;EAYA;AAtBF;AAyBE;EACC;EACA;AAvBH;AA2BC;EACC;EACA;AAzBF;AA2BE;EACC;AAzBH;AA4BE;EACC;AA1BH;AA8BC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BF;AA8BE;EAEC;AA7BH;AAgCE;EACC;EACA;AA9BH;AAqCC;EACC;AAnCF,C","sources":["webpack://brandy-blocks/./src/blocks/Notice/style.scss"],"sourcesContent":["// Notice — shared editor + frontend styles.\n//\n// Each type is a hue and nothing else: one set of rules, four values. The\n// tints are mixed from the accent colour rather than hard-coded, so a notice\n// keeps working on a dark palette instead of painting pale blue on near-black.\n\n.brandy-notice {\n\t--brandy-notice-accent: #0b69d4;\n\t// The body line height the icon aligns itself to. A theme with a different\n\t// rhythm can set this once instead of fighting the icon's position.\n\t--brandy-notice-line-height: 1.6;\n\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 0.75em;\n\tpadding: 1em 1.15em;\n\tborder-left: 4px solid var(--brandy-notice-accent);\n\tbackground-color: color-mix(in srgb, var(--brandy-notice-accent) 10%, transparent);\n\n\t&.is-type-success {\n\t\t--brandy-notice-accent: #1a7f47;\n\t}\n\n\t&.is-type-warning {\n\t\t--brandy-notice-accent: #a86a00;\n\t}\n\n\t&.is-type-error {\n\t\t--brandy-notice-accent: #bb2124;\n\t}\n\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcolor: var(--brandy-notice-accent);\n\n\t\t// A box one text-line tall, with the glyph centred in it, so the icon\n\t\t// sits ON the first line instead of a few pixels above it. Sizing the\n\t\t// glyph alone left a 20px box against a 25.6px line box, and flex-start\n\t\t// aligns tops, not centres.\n\t\t//\n\t\t// The multiple is spelled out rather than read with `1lh`: `1lh` uses\n\t\t// THIS element's inherited line-height, which is the notice wrapper's,\n\t\t// and that is not the paragraph's. In the editor the two differ (16px\n\t\t// against 25.6px), so `1lh` aligned the icon to a line box no text was\n\t\t// ever set in and pushed it further out than the bug it replaced.\n\t\theight: calc(1em * var(--brandy-notice-line-height));\n\n\t\t// Scale the glyph, not the box.\n\t\t&::before {\n\t\t\tfont-size: 1.25em;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__content {\n\t\tflex: 1 1 auto;\n\t\tmin-width: 0;\n\n\t\t> *:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t> *:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n\n\t&__dismiss {\n\t\tflex: 0 0 auto;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 0.15em;\n\t\tborder: 0;\n\t\tbackground: none;\n\t\tcolor: inherit;\n\t\tfont-size: 1.1em;\n\t\tline-height: 1;\n\t\tcursor: pointer;\n\t\topacity: 0.6;\n\n\t\t&:hover,\n\t\t&:focus-visible {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\toutline: 2px solid currentColor;\n\t\t\toutline-offset: 2px;\n\t\t}\n\t}\n\n\t// Set by the view module on dismissal. `display: none` rather than a fade:\n\t// the notice is gone, and animating a departure the reader asked for only\n\t// delays it.\n\t&.is-dismissed {\n\t\tdisplay: none;\n\t}\n}\n"],"names":[],"sourceRoot":""}