update 2026-10-06 22:40:04

luci-theme-footstrap/styles/base/10-reset.css

@@ -0,0 +1,97 @@
+@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);
+	}
+}