@layer base { /* Element reset (Meyer, trimmed to what a LuCI view can emit). */ /* scroll-margin-top: anchor jump must clear the sticky bar (WCAG 2.2 SC 2.4.11), token not a * literal — bar is 46px. */ *, *::before, *::after { scroll-margin-top: var(--fs-bar-h); margin: 0; padding: 0; border: 0; box-sizing: border-box; } abbr[title], acronym[title] { border-bottom: 1px dotted; font-weight: inherit; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* Outranks every layer's `display`, id rules included: docs/css.md "Reset: [hidden] must * outrank every layer, not patch one mistake". */ [hidden]:not([hidden="until-found"]) { display: none !important; } html { font-size: 100%; height: 100%; } /* :focus-visible: UA heuristic keeps the ring off a mouse click. */ a:focus-visible { outline: 2px solid var(--fs-accent); outline-offset: 2px; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } /* font-size: theme/60-inputs.css (control-typography rule + option) — absorbed */ button, input, select, option, textarea { margin: 0; box-sizing: border-box; vertical-align: baseline; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; word-break: break-all; } /* disabled-opacity fade: 30-forms.css, same elements + pointer-events/cursor */ input[type="search"] { appearance: textfield; /* not content-box: contradicts border-box above, ~22px too wide */ } input[type="search"]::-webkit-search-decoration { appearance: none; } textarea { overflow: auto; vertical-align: top; font-family: var(--fs-font-mono); } /* Unjoined (issue #7): bootstrap's joins square the trailing button's corner; this theme's * buttons keep full radius. Password reveal stays joined (theme/60-inputs.css). */ .control-group { display: inline-flex; gap: var(--fs-space-2); } }