diff options
author | Volpeon <git@volpeon.ink> | 2024-10-17 16:45:00 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-17 16:45:00 +0200 |
commit | 50f6acc739f24bfa2ca080d08e90d82f8fa83543 (patch) | |
tree | 404dbe97d34b7e4fc3293c8e6a8c92d9941ac51e /src/_base.scss | |
parent | Colors (diff) | |
download | iro-design-50f6acc739f24bfa2ca080d08e90d82f8fa83543.tar.gz iro-design-50f6acc739f24bfa2ca080d08e90d82f8fa83543.tar.bz2 iro-design-50f6acc739f24bfa2ca080d08e90d82f8fa83543.zip |
Revamped variable management
Diffstat (limited to 'src/_base.scss')
-rw-r--r-- | src/_base.scss | 145 |
1 files changed, 0 insertions, 145 deletions
diff --git a/src/_base.scss b/src/_base.scss deleted file mode 100644 index 8e4c1d9..0000000 --- a/src/_base.scss +++ /dev/null | |||
@@ -1,145 +0,0 @@ | |||
1 | @use 'sass:math'; | ||
2 | @use 'iro-sass/src/index' as iro; | ||
3 | @use 'functions' as fn; | ||
4 | @use 'mixins' as mx; | ||
5 | @use 'config'; | ||
6 | |||
7 | html { | ||
8 | scrollbar-color: fn.color(--text-disabled) transparent; | ||
9 | accent-color: fn.color(--accent --600); | ||
10 | } | ||
11 | |||
12 | html, | ||
13 | body { | ||
14 | block-size: 100%; | ||
15 | } | ||
16 | |||
17 | body { | ||
18 | @include mx.set-font(--standard, (--size: fn.dim(--font-size --100))); | ||
19 | |||
20 | margin: 0; | ||
21 | padding: 0; | ||
22 | background-color: fn.color(--bg-base); | ||
23 | color: fn.color(--text); | ||
24 | } | ||
25 | |||
26 | pre, | ||
27 | code { | ||
28 | font-feature-settings: 'calt' 0, 'dlig' 1, 'ss09' 1; | ||
29 | } | ||
30 | |||
31 | pre, | ||
32 | code { | ||
33 | @include mx.set-font(--mono, (--size: .93em)); | ||
34 | } | ||
35 | |||
36 | pre { | ||
37 | margin: 0; | ||
38 | overflow-x: auto; | ||
39 | |||
40 | code { | ||
41 | color: currentColor; | ||
42 | font-size: 1em; | ||
43 | } | ||
44 | } | ||
45 | |||
46 | h1, | ||
47 | h2, | ||
48 | h3, | ||
49 | h4, | ||
50 | h5, | ||
51 | h6 { | ||
52 | @include mx.heading-medium(--md); | ||
53 | |||
54 | margin-block: fn.dim(--heading --margin-bs) 0; | ||
55 | |||
56 | & + & { | ||
57 | margin-block-start: fn.dim(--heading --margin-bs-sibling); | ||
58 | } | ||
59 | } | ||
60 | |||
61 | p { | ||
62 | margin-block: fn.dim(--paragraph --margin-bs) 0; | ||
63 | |||
64 | &:empty { | ||
65 | display: none; | ||
66 | } | ||
67 | } | ||
68 | |||
69 | strong { | ||
70 | font-weight: bold; | ||
71 | } | ||
72 | |||
73 | small { | ||
74 | font-size: fn.dim(--font-size --75); | ||
75 | } | ||
76 | |||
77 | ul, | ||
78 | ol { | ||
79 | margin: 0; | ||
80 | padding: 0; | ||
81 | list-style: none; | ||
82 | } | ||
83 | |||
84 | li { | ||
85 | margin: 0; | ||
86 | padding: 0; | ||
87 | } | ||
88 | |||
89 | :focus, | ||
90 | :focus-visible { | ||
91 | outline: 0; | ||
92 | } | ||
93 | |||
94 | :link, | ||
95 | :visited { | ||
96 | color: currentColor; | ||
97 | text-decoration: none; | ||
98 | } | ||
99 | |||
100 | |||
101 | button, | ||
102 | input, | ||
103 | textarea { | ||
104 | box-sizing: content-box; | ||
105 | margin: 0; | ||
106 | padding: 0; | ||
107 | border: 0; | ||
108 | background: none; | ||
109 | color: currentColor; | ||
110 | font-family: inherit; | ||
111 | font-size: 1em; | ||
112 | font-style: inherit; | ||
113 | font-weight: inherit; | ||
114 | line-height: inherit; | ||
115 | text-align: inherit; | ||
116 | text-transform: inherit; | ||
117 | appearance: none; | ||
118 | |||
119 | &::-moz-focus-inner { | ||
120 | border: 0; | ||
121 | } | ||
122 | } | ||
123 | |||
124 | input, | ||
125 | textarea { | ||
126 | &::placeholder { | ||
127 | opacity: 1; | ||
128 | color: fn.color(--text-mute); | ||
129 | } | ||
130 | |||
131 | &:disabled { | ||
132 | color: fn.color(--text-disabled); | ||
133 | } | ||
134 | } | ||
135 | |||
136 | textarea { | ||
137 | block-size: calc(1em * fn.dim(--font --standard --line-height)); | ||
138 | } | ||
139 | |||
140 | hr { | ||
141 | block-size: fn.dim(--border --thin); | ||
142 | margin: 0; | ||
143 | border: 0; | ||
144 | background-color: fn.color(--border); | ||
145 | } | ||