From 50f6acc739f24bfa2ca080d08e90d82f8fa83543 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 17 Oct 2024 16:45:00 +0200 Subject: Revamped variable management --- src_old/_base.scss | 145 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 145 insertions(+) create mode 100644 src_old/_base.scss (limited to 'src_old/_base.scss') 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); +} -- cgit v1.3.1