Init v1

docs/assets/css/debug.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../debug.scss","../../sass/utilities/_index.scss","../../sass/base/_index.scss","../../sass/base/minireset.scss","../../sass/base/generic.scss","../../sass/utilities/mixins.scss","../../sass/base/animations.scss","../../sass/themes/default.scss","../../sass/utilities/css-variables.scss"],"names":[],"mappings":"AAEA;ACFA;ACAA;ACAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAuBE;EACA;;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAIF;EACE;;;AAIF;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;;;AAIA;EAGE;;;AAKJ;AAAA;EAEE;EACA;;;AAIF;EACE;;;AAIF;EACE;EACA;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;;;ACvDJ;EACE,kBAhCsB;EAiCtB,WAhCU;EAiCV;EACA;EACA,WAlCe;EAmCf,YAhCgB;EAiChB,YAhCgB;EAiChB,gBApCe;EAqCf;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAvDY;;;AA0Dd;AAAA;EAEE;EACA;EACA,aArDY;;;AAwDd;EACE,OA9DW;EA+DX,WA9De;EA+Df,aA9DY;EA+DZ,aA9DiB;;;AAmEnB;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA,WA/EU;EAgFV,aAjFY;EAkFZ,SAnFa;;;AAsFf;EACE,kBAjFoB;EAkFpB;EACA;EACA,QAnFU;EAoFV,QAnFU;;;AAsFZ;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE,WArGgB;;;AAwGlB;EACE;EACA;;;AAGF;EACE,OAxGa;EAyGb,aAxGc;;;AA6GhB;EACE;;;AAGF;ECjDE;EDoDA;EACA;EACA,WApHc;EAqHd;EACA,SArHY;EAsHZ;EACA;;AAEA;EACE;EACA;EACA,WA3HiB;EA4HjB;;;AAKF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAIJ;EACE;;;AE3KJ;EACE;IACE;;EAGF;IACE;;;ACFJ;ECcE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AD8DA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"debug.css"}

docs/assets/css/main.css

@@ -0,0 +1,103 @@
+:root {
+  --zlog-h: 221deg;
+  --zlog-s: 40%;
+  --zlog-l: 30%;
+  --zlog: hsl(var(--zlog-h), var(--zlog-s), var(--zlog-l));
+}
+
+.zlog {
+  color: var(--zlog);
+  display: none;
+}
+
+body {
+  align-content: flex-start;
+  /* display: grid; */
+  /* grid-template-columns: repeat(2, 50%); */
+  min-height: 100vh;
+}
+
+.page-nav {
+  padding: 3em 3em 0;
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25em;
+  text-transform: capitalize;
+  grid-column: 1 / span 2;
+
+  .button {
+    height: auto;
+    padding: 0.125em 0.5em;
+  }
+
+  a,
+  span,
+  strong {
+    border-radius: 0.25em;
+    padding: 0.125em 0.5em;
+  }
+}
+
+.st {
+  display: flex;
+  /* gap: 3rem; */
+  flex-direction: column;
+  padding: 3em;
+}
+
+.h3 {
+  color: inherit;
+  font-weight: 600;
+  margin-bottom: 1.5rem;
+}
+
+/* .button:focus-visible {
+  outline-color: var(--outline-color);
+  outline-offset: 1px;
+  outline-style: solid;
+  outline-width: 2px;
+}
+
+.button:focus-visible:active {
+  outline-width: 1px;
+} */
+
+.rows {
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+}
+
+.multiline {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: 1em;
+}
+
+.item {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  width: 8em;
+  white-space: nowrap;
+}
+
+.color-swatch {
+  background-color: var(--color);
+  border-radius: 0.25em;
+  height: 1.5em;
+  width: 1.5em;
+  flex-shrink: 0;
+  /* box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); */
+}
+
+.dn {
+  display: none !important;
+}