summaryrefslogtreecommitdiffstats
path: root/src/_general.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/_general.scss')
-rw-r--r--src/_general.scss21
1 files changed, 11 insertions, 10 deletions
diff --git a/src/_general.scss b/src/_general.scss
index e03d0b3..1e7c180 100644
--- a/src/_general.scss
+++ b/src/_general.scss
@@ -1,5 +1,6 @@
1@use 'iro-sass/src/index' as iro; 1@use 'iro-sass/src/index' as iro;
2@use 'mixins/typography'; 2@use 'mixins/typography';
3@use 'functions' as fn;
3@use 'vars'; 4@use 'vars';
4 5
5html, 6html,
@@ -8,12 +9,12 @@ body {
8} 9}
9 10
10body { 11body {
11 @include typography.set-font(vars.$font--main, (size: iro.props-get(--dims --font-size --md))); 12 @include typography.set-font(vars.$font--main, (size: fn.dim(--font-size --md)));
12 13
13 margin: 0; 14 margin: 0;
14 padding: 0; 15 padding: 0;
15 background-color: iro.props-get(--colors --bg); 16 background-color: fn.color(--bg);
16 color: iro.props-get(--colors --fg); 17 color: fn.color(--fg);
17} 18}
18 19
19h1, 20h1,
@@ -22,13 +23,13 @@ h3,
22h4, 23h4,
23h5, 24h5,
24h6 { 25h6 {
25 @include typography.set-font(vars.$font--main, (size: iro.props-get(--dims --font-size --md), weight: 400)); 26 @include typography.set-font(vars.$font--main, (size: fn.dim(--font-size --md), weight: 400));
26 27
27 margin: 0; 28 margin: 0;
28} 29}
29 30
30p { 31p {
31 margin-top: iro.props-get(--dims --paragraph --margin-top); 32 margin-top: fn.dim(--paragraph --margin-top);
32 margin-bottom: 0; 33 margin-bottom: 0;
33 34
34 &:empty { 35 &:empty {
@@ -38,8 +39,8 @@ p {
38 39
39ul, 40ul,
40ol { 41ol {
41 margin: iro.props-get(--dims --paragraph --margin-top) 0 0; 42 margin: fn.dim(--paragraph --margin-top) 0 0;
42 padding-left: iro.props-get(--dims --list --indent); 43 padding-left: fn.dim(--list --indent);
43} 44}
44 45
45:focus { 46:focus {
@@ -77,12 +78,12 @@ textarea {
77} 78}
78 79
79::selection { 80::selection {
80 background: iro.props-get(--colors --selection --bg); 81 background: fn.color(--selection --bg);
81 color: iro.props-get(--colors --selection --fg); 82 color: fn.color(--selection --fg);
82} 83}
83 84
84img { 85img {
85 &::selection { 86 &::selection {
86 background: iro.props-get(--colors --selection --bg-img); 87 background: fn.color(--selection --bg-img);
87 } 88 }
88} 89}