update 2026-10-27 11:22:48

luci-theme-footstrap/styles/base/70-buttons.css

@@ -0,0 +1,28 @@
+@layer base {
+	/* .btn/.cbi-button are interchangeable in LuCI markup. Paint (box, fill, radius) is
+	 * theme/55-buttons.css's. */
+	.btn,
+	.cbi-button {
+		cursor: pointer;
+		font-size: var(--fs-type);
+		white-space: pre;
+	}
+
+	/* border-color: theme/60-inputs.css — absorbed. */
+	.cbi-input-invalid,
+	.cbi-input-invalid.cbi-dropdown:not([open]) > ul > li {
+		color: var(--fs-danger);
+	}
+
+	/* Not a clearfix — flex container, nothing floats: docs/css.md "Buttons: the flex clearfix,
+	 * and why float is dead on .cbi-page-actions". */
+	.cbi-page-actions::after {
+		display: table;
+		content: "";
+		clear: both;
+	}
+
+	.cbi-page-actions > :not([method="post"]):not(.cbi-button-apply):not(.cbi-button-negative):not(.cbi-button-save):not(.cbi-button-reset) {
+		margin-inline-end: var(--fs-space-1);
+	}
+}