1 files changed, 145 insertions, 0 deletions

diff --git a/src_old/_base.scss b/src_old/_base.scss
new file mode 100644
index 0000000..8e4c1d9
--- /dev/null
+++ b/src_old/_base.scss
@@ -0,0 +1,145 @@
+@use 'sass:math';
+@use 'iro-sass/src/index' as iro;
+@use 'functions' as fn;
+@use 'mixins' as mx;
+@use 'config';
+
+html {
+    scrollbar-color: fn.color(--text-disabled) transparent;
+    accent-color:    fn.color(--accent --600);
+}
+
+html,
+body {
+    block-size: 100%;
+}
+
+body {
+    @include mx.set-font(--standard, (--size: fn.dim(--font-size --100)));
+
+    margin:           0;
+    padding:          0;
+    background-color: fn.color(--bg-base);
+    color:            fn.color(--text);
+}
+
+pre,
+code {
+    font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1;
+}
+
+pre,
+code {
+    @include mx.set-font(--mono, (--size: .93em));
+}
+
+pre {
+    margin:     0;
+    overflow-x: auto;
+
+    code {
+        color:     currentColor;
+        font-size: 1em;
+    }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    @include mx.heading-medium(--md);
+
+    margin-block: fn.dim(--heading --margin-bs) 0;
+
+    & + & {
+        margin-block-start: fn.dim(--heading --margin-bs-sibling);
+    }
+}
+
+p {
+    margin-block: fn.dim(--paragraph --margin-bs) 0;
+
+    &:empty {
+        display: none;
+    }
+}
+
+strong {
+    font-weight: bold;
+}
+
+small {
+    font-size: fn.dim(--font-size --75);
+}
+
+ul,
+ol {
+    margin:     0;
+    padding:    0;
+    list-style: none;
+}
+
+li {
+    margin:  0;
+    padding: 0;
+}
+
+:focus,
+:focus-visible {
+    outline: 0;
+}
+
+:link,
+:visited {
+    color:           currentColor;
+    text-decoration: none;
+}
+
+
+button,
+input,
+textarea {
+    box-sizing:     content-box;
+    margin:         0;
+    padding:        0;
+    border:         0;
+    background:     none;
+    color:          currentColor;
+    font-family:    inherit;
+    font-size:      1em;
+    font-style:     inherit;
+    font-weight:    inherit;
+    line-height:    inherit;
+    text-align:     inherit;
+    text-transform: inherit;
+    appearance:     none;
+
+    &::-moz-focus-inner {
+        border: 0;
+    }
+}
+
+input,
+textarea {
+    &::placeholder {
+        opacity: 1;
+        color:   fn.color(--text-mute);
+    }
+
+    &:disabled {
+        color: fn.color(--text-disabled);
+    }
+}
+
+textarea {
+    block-size: calc(1em * fn.dim(--font --standard --line-height));
+}
+
+hr {
+    block-size:       fn.dim(--border --thin);
+    margin:           0;
+    border:           0;
+    background-color: fn.color(--border);
+}