/* * This is a manifest file that'll be compiled into application.css. * * With Propshaft, assets are served efficiently without preprocessing steps. You can still include * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard * cascading order, meaning styles declared later in the document or manifest will override earlier ones, * depending on specificity. * * Consider organizing styles into separate files for maintainability. * * This file is linked *after* Bulma in the layout; see the comment there before reordering. */ /* * Primary colour: light gray (was Bulma's default turquoise). * * Bulma 1.0 derives every `is-primary` surface from these three variables — the * `hero is-primary` band in shared/_header, every `button is-primary`, and all ~20 * `--bulma-primary-NN` shades — so this is the entire recolour. * * The selector list is not padding. Bulma sets these in `:root` and *again* in * `.theme-light, [data-theme=light]`, which has the same (0,1,0) specificity as `:root` * but comes later in its file. Overriding `:root` alone would win on source order only, * and would silently stop working if the layout's hardcoded `data-theme="light"` changed. * Matching every selector Bulma uses keeps this correct under either theme. * * `--bulma-primary-invert-l` — the text colour Bulma puts on a primary background — is * deliberately left alone. It resolves to 6% lightness, so text on the new gray lands at * roughly 13:1 contrast; it needs no adjustment and hardcoding one here would break if * the lightness below is retuned. */ :root, .theme-light, [data-theme=light], .theme-dark, [data-theme=dark] { --bulma-primary-h: 0deg; --bulma-primary-s: 0%; --bulma-primary-l: 85%; } /* * Sticky footer: hold the footer at the bottom of the viewport on short pages. * * `margin-top: auto` rather than a `flex: 1` content wrapper because the layout yields * several top-level sections straight into (the home page emits four) -- there is no * single content element to grow, and adding a wrapper would mean touching every view. * As the last flex item, the footer's auto top margin absorbs whatever space is left over, * which works for any number of siblings and is inert once the content overflows. * * The two