{"version":3,"file":"blocks/Badge/style-index.css","mappings":";;;AAAA;;;;EAAA;AAWA;EACE;AALF;;AAQA;EAKE;EACA;EAAA;EACA;EACA;AATF;AAeE;EACE;EACA;EACA;AAbJ,C","sources":["webpack://brandy-blocks/./src/blocks/Badge/style.scss"],"sourcesContent":["/**\n * Badge - the only rules the block needs that core supports cannot express.\n *\n * @package BrandyBlocks\n */\n\n// Resting padding, so a badge written by hand — markup with no `style` attribute,\n// as in a pattern or a template part — still reads as a pill rather than bare text.\n// `:where()` keeps this at zero specificity: core's serialized padding is inline and\n// wins outright, and a theme.json block style or any single class beats it too, so\n// this only ever fills in what nobody has set.\n:where(.wp-block-brandy-badge) {\n  padding: 3px 11px;\n}\n\n.wp-block-brandy-badge {\n  // inline-flex, not flex: a badge has to shrink to its own text wherever it is\n  // dropped. A block-level box would stretch its background across the whole\n  // column, which is the failure the block exists to avoid — and it means an\n  // author centres a badge with the parent's alignment, with nothing to set here.\n  display: flex;\n  width: fit-content;\n  align-items: center;\n  gap: var(--brandy-badge-gap, 8px);\n\n  // The glyph is an icon font: `color` from the block's text support paints it\n  // along with the label, which is why there is no separate icon colour. 1em\n  // keeps it tied to the label until the icon size control breaks that link,\n  // and line-height 1 stops the glyph's own leading from padding the pill.\n  > i {\n    font-size: 1em;\n    line-height: 1;\n    flex-shrink: 0;\n  }\n}\n"],"names":[],"sourceRoot":""}