Add Scheme vars

2026-03-17 19:04:30 -07:00 · 2024-06-25 23:12:07 +01:00
parent 0014fc4e34
commit c638115ef2
7 changed files with 234 additions and 45 deletions
--- a/docs/_react/bulma-customizer/src/components/VarItem.module.css
+++ b/docs/_react/bulma-customizer/src/components/VarItem.module.css
@@ -0,0 +1,61 @@
+.main {
+  align-items: start;
+  display: flex;
+  gap: 1.5rem;
+  border-bottom: 1px solid var(--bulma-border);
+  padding: 1.25rem 0;
+}
+
+.side {
+  flex-shrink: 0;
+  width: 15rem;
+}
+
+.name {
+  gap: 1rem;
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+
+.name code {
+  font-size: 1.25em;
+  font-weight: 600;
+  padding: 0;
+  background: none;
+}
+
+.slider {
+  align-items: center;
+  display: flex;
+  gap: 1.5rem;
+  padding: 2px 0;
+  width: 28rem;
+  flex-shrink: 0;
+}
+
+.form {
+  display: flex;
+  align-items: center;
+  font-family: var(--bulma-family-code);
+  gap: 0.25em;
+}
+
+.form input {
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0.25em;
+  height: auto;
+  border-radius: 0.25em;
+  width: 3em;
+  padding: 0 0.25em;
+}
+
+.form span {
+  opacity: 0.5;
+}
+
+.description {
+  flex-shrink: 1;
+  flex-grow: 1;
+}