From 2b9c02e09b66b73eb12951263aa8aa0da55653b8 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 7 Feb 2022 17:07:30 +0100 Subject: Update --- src/_base.scss | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 src/_base.scss (limited to 'src/_base.scss') diff --git a/src/_base.scss b/src/_base.scss new file mode 100644 index 0000000..54df879 --- /dev/null +++ b/src/_base.scss @@ -0,0 +1,87 @@ +@use 'iro-sass/src/index' as iro; +@use 'functions' as fn; + +html, +body { + height: 100%; +} + +body { + @include fn.set-font(--standard, (--size: fn.dim(--font-size --md))); + + margin: 0; + padding: 0; + background-color: fn.color(--bg); + color: fn.color(--fg); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + font-size: fn.dim(--font-size --md); + font-weight: normal; +} + +p { + margin-top: fn.dim(--paragraph --margin-top); + margin-bottom: 0; + + &:empty { + display: none; + } +} + +ul, +ol { + margin: fn.dim(--paragraph --margin-top) 0 0; + padding-left: fn.dim(--list --indent); +} + +:focus { + 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; + } +} + +::selection { + background: fn.color(--selection --bg); + color: fn.color(--selection --fg); +} + +img { + &::selection { + background: fn.color(--selection --bg-img); + } +} -- cgit v1.2.3-54-g00ecf