/** * @file * Single-purpose helper classes for the druid theme. * * The utilities layer is declared LAST in the cascade order, so any rule * here wins over base / layout / components without specificity tricks. * That's the whole point: a helper like .text-center exists to override * whatever a component would otherwise apply, on demand. * * What belongs here: * - Single-property, single-purpose helpers (.text-center, .mt-4, .flex) * - Print-only / screen-only toggles (.print-only, .no-print) * * What does NOT belong here: * - Multi-rule component styling — use css/components/. * - Token definitions — use css/tokens.css. * - .visually-hidden — Drupal core's system module already ships this; * don't redefine it or you'll fight the core selector for no reason. * * Gotcha: !important inverts cascade-layer order. An !important rule in * an *earlier* layer (e.g. components) beats an !important rule here. * Generally avoid !important inside @layer utilities — the layer already * wins on its own; reaching for !important means something else is wrong. */ @layer utilities { }