/* Theme Name: VoteRiders LMS Theme URI: https://voteriders.org/ Description: Brand child theme for the internal volunteer LMS. Applies the VoteRiders typeface pairing (Etna for headings, Config for body) and brand blue on top of Automattic's official Sensei "Course" block theme. All layout and Sensei templates come from the parent — this theme only carries brand. Author: VoteRiders Template: course Version: 1.15.5 Requires at least: 6.3 Requires PHP: 7.4 Text Domain: voteriders */ /* * Nearly everything lives in theme.json. Only rules that theme.json cannot express * belong here. */ /* * Config is a variable font with three axes: * * wght 100 → 900 (default 100, i.e. Thin) * wdth 50 → 100 (default 50, i.e. Condensed) * slnt 0 → 9 (default 0, upright) * * Two of those defaults are not what we want, and the slant axis runs the *wrong * way*: the OpenType convention is that `slnt` is negative for a rightward lean, * so a 0→9 positive range is non-standard. Chromium leaves it at the 0 default and * renders upright; Safari resolves it to the slanted extreme, which made every * button, nav link and paragraph render italic on iOS even though the computed * `font-style` is `normal` everywhere. * * Pin the axes explicitly instead of trusting each engine's mapping. `wght` is * deliberately NOT listed: axes omitted from font-variation-settings stay driven by * the corresponding CSS property, so `font-weight` (and ) keep working. */ body, .wp-site-blocks { font-variation-settings: "slnt" 0, "wdth" 100; font-synthesis-weight: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Sticky footer. Short pages — the login screen, an empty My Courses — left the * footer floating mid-viewport with white space beneath it. The wrapper fills the * viewport and
takes up the slack. * * `flex: 1 0 auto` not `1 1 auto`: main must grow into spare space but never be * squeezed below its content on long pages. * * dvh after vh, not instead of it: on mobile, vh is the *largest* viewport and * leaves a gap under the footer while the URL bar is showing. Browsers without dvh * keep the vh line. */ .wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; } .wp-site-blocks > main { flex: 1 0 auto; } /* --------------------------------------------------------------------------- * Page top spacing * * Two problems, one fix. * * First, the sticky footer above makes
a flex item, and a flex item * establishes a block formatting context — so the first heading's top margin stops * collapsing with its wrapper's. Two 40px margins that used to overlap began to * stack, pushing the archive title from 80px below the header to 120px. That was a * regression introduced here, not a pre-existing bug. * * Second, 80px was too much to begin with. * * Rather than re-tune margins that only ever lined up by accident of collapsing, *
now owns the space outright and the leading child margins are zeroed. The * result is the same on every template instead of depending on what each one * happens to render first. * ------------------------------------------------------------------------- */ .wp-site-blocks > main { margin-block-start: 0; padding-block-start: 48px; } .wp-site-blocks > main > :first-child, .wp-site-blocks > main .entry-content, .wp-site-blocks > main .entry-content > :first-child, .wp-site-blocks > main .sensei-archive-controls, .wp-site-blocks > main .archive-header { margin-block-start: 0; } /* Sensei's archive header pads its own title; main already provides the space. */ .wp-site-blocks > main .archive-header h1 { margin-top: 0; padding-top: 0; } /* * font-variation-settings is inherited, but the `font` shorthand in UA stylesheets * resets it to `normal` on form controls — and Sensei renders "Take Course" and the * quiz actions as real