From 144b7a2ea83507c98544d14ad9435cc5e51ac071 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 12:26:35 +0100 Subject: Update --- src/_general.scss | 82 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 src/_general.scss (limited to 'src/_general.scss') diff --git a/src/_general.scss b/src/_general.scss new file mode 100644 index 0000000..82b9467 --- /dev/null +++ b/src/_general.scss @@ -0,0 +1,82 @@ +@use 'iro-sass/src/index' as iro; +@use 'mixins/typography'; +@use 'vars'; + +html, +body { + height: 100%; +} + +body { + @include typography.set-font(vars.$font--main, (size: iro.props-get(--dims --font-size --md))); + + margin: 0; + padding: 0; + background-color: iro.props-get(--colors --bg); + color: iro.props-get(--colors --fg); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + @include typography.set-font(vars.$font--main, (size: iro.props-get(--dims --font-size --md), weight: 400)); + + margin: 0; +} + +p { + margin-top: iro.props-get(--dims --paragraph --margin-top); + margin-bottom: 0; + + &:empty { + display: none; + } +} + +ul, +ol { + margin: iro.props-get(--dims --paragraph --margin-top) 0 0; + padding-left: iro.props-get(--dims --list --indent); +} + +:focus { + outline: 0; +} + +:link, +:visited { + color: currentColor; + text-decoration: none; +} + +button { + box-sizing: content-box; + margin: 0; + padding: 0; + border: 0; + background-color: transparent; + color: currentColor; + font: inherit; + letter-spacing: inherit; + text-align: left; + text-transform: inherit; + appearance: none; + + &::-moz-focus-inner { + border: 0; + } +} + +::selection { + background: iro.props-get(--colors --selection --bg); + color: iro.props-get(--colors --selection --fg); +} + +img { + &::selection { + background: iro.props-get(--colors --selection --bg-img); + } +} -- cgit v1.2.3-70-g09d2