Switch to tab indentation

author: Volpeon <git@volpeon.ink> 2025-08-06 16:40:56 +0200
committer: Volpeon <git@volpeon.ink> 2025-08-06 16:40:56 +0200
commit: 41b0d0497988274057fc2512c822a6bc9d2d3ebd (patch)
tree: 015a95ede42b799ac1fd049baa8b0a853b6d3bb3 /src/scopes/_implicit.scss
parent: Fix button font size (diff)
download: iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.gz
iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.bz2
iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.zip
1 files changed, 140 insertions, 140 deletions
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 78f06be..cee1639 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -11,170 +11,170 @@
 @use 'implicit.vars' as vars;
 @mixin styles {
-    @include materialize-at-root(meta.module-variables('vars'));
+        @include materialize-at-root(meta.module-variables('vars'));
-    @layer scope {
+        @layer scope {
-        html {
+                html {
-            accent-color:    props.get(core.$theme, --accent, --600);
+                        accent-color:    props.get(core.$theme, --accent, --600);
-            scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
+                        scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
-        }
+                }
-        body {
+                body {
-            padding:               0;
+                        padding:               0;
-            margin:                0;
+                        margin:                0;
-            font-family:           props.get(vars.$body--font-family);
+                        font-family:           props.get(vars.$body--font-family);
-            font-size:             props.get(vars.$body--font-size);
+                        font-size:             props.get(vars.$body--font-size);
-            font-feature-settings: props.get(vars.$body--feature-settings);
+                        font-feature-settings: props.get(vars.$body--feature-settings);
-            line-height:           props.get(vars.$body--line-height);
+                        line-height:           props.get(vars.$body--line-height);
-            color:                 props.get(core.$theme, --text);
+                        color:                 props.get(core.$theme, --text);
-            background-color:      props.get(core.$theme, --bg-base);
+                        background-color:      props.get(core.$theme, --bg-base);
-        }
+                }
-        pre,
+                pre,
-        code {
+                code {
-            font-family:           props.get(vars.$code--font-family);
+                        font-family:           props.get(vars.$code--font-family);
-            font-size:             props.get(vars.$code--font-size);
+                        font-size:             props.get(vars.$code--font-size);
-            font-feature-settings: props.get(vars.$code--feature-settings);
+                        font-feature-settings: props.get(vars.$code--feature-settings);
-            line-height:           props.get(vars.$code--line-height);
+                        line-height:           props.get(vars.$code--line-height);
-        }
+                }
-        pre {
+                pre {
-            margin:     0;
+                        margin:     0;
-            overflow-x: auto;
+                        overflow-x: auto;
-            code {
+                        code {
-                font-size: 1em;
+                                font-size: 1em;
-                color:     currentColor;
+                                color:     currentColor;
-            }
+                        }
-        }
+                }
-        h1,
+                h1,
-        h2,
+                h2,
-        h3,
+                h3,
-        h4,
+                h4,
-        h5,
+                h5,
-        h6 {
+                h6 {
-            margin-block:          props.get(vars.$heading--margin-bs) 0;
+                        margin-block:          props.get(vars.$heading--margin-bs) 0;
-            font-family:           props.get(vars.$heading--font-family);
+                        font-family:           props.get(vars.$heading--font-family);
-            font-size:             props.get(vars.$heading--font-size);
+                        font-size:             props.get(vars.$heading--font-size);
-            font-weight:           props.get(vars.$heading--font-weight);
+                        font-weight:           props.get(vars.$heading--font-weight);
-            font-feature-settings: props.get(vars.$heading--feature-settings);
+                        font-feature-settings: props.get(vars.$heading--feature-settings);
-            line-height:           props.get(vars.$heading--line-height);
+                        line-height:           props.get(vars.$heading--line-height);
-            color:                 props.get(vars.$heading--color);
+                        color:                 props.get(vars.$heading--color);
-            & + & {
+                        & + & {
-                margin-block-start: props.get(vars.$heading--margin-bs-sibling);
+                                margin-block-start: props.get(vars.$heading--margin-bs-sibling);
-            }
+                        }
-        }
+                }
-        p {
+                p {
-            margin-block: props.get(vars.$paragraph--margin-bs) 0;
+                        margin-block: props.get(vars.$paragraph--margin-bs) 0;
-            &:empty {
+                        &:empty {
-                display: none;
+                                display: none;
-            }
+                        }
-        }
+                }
-        strong {
+                strong {
-            font-weight: bold;
+                        font-weight: bold;
-        }
+                }
-        small {
+                small {
-            font-size: props.get(vars.$small--font-size);
+                        font-size: props.get(vars.$small--font-size);
-        }
+                }
-        ul,
+                ul,
-        ol {
+                ol {
-            padding:    0;
+                        padding:    0;
-            margin:     0;
+                        margin:     0;
-            list-style: none;
+                        list-style: none;
-        }
+                }
-        li {
+                li {
-            padding: 0;
+                        padding: 0;
-            margin:  0;
+                        margin:  0;
-        }
+                }
-        :focus,
+                :focus,
-        :focus-visible {
+                :focus-visible {
-            outline: 0;
+                        outline: 0;
-        }
+                }
-        :link,
+                :link,
-        :visited {
+                :visited {
-            color:           currentColor;
+                        color:           currentColor;
-            text-decoration: none;
+                        text-decoration: none;
-        }
+                }
-        button,
+                button,
-        input,
+                input,
-        textarea {
+                textarea {
-            box-sizing:     content-box;
+                        box-sizing:     content-box;
-            padding:        0;
+                        padding:        0;
-            margin:         0;
+                        margin:         0;
-            font-family:    inherit;
+                        font-family:    inherit;
-            font-size:      1em;
+                        font-size:      1em;
-            font-style:     inherit;
+                        font-style:     inherit;
-            font-weight:    inherit;
+                        font-weight:    inherit;
-            line-height:    inherit;
+                        line-height:    inherit;
-            color:          currentColor;
+                        color:          currentColor;
-            text-align:     inherit;
+                        text-align:     inherit;
-            text-transform: inherit;
+                        text-transform: inherit;
-            appearance:     none;
+                        appearance:     none;
-            background:     none;
+                        background:     none;
-            border:         0;
+                        border:         0;
-            &::-moz-focus-inner {
+                        &::-moz-focus-inner {
-                border: 0;
+                                border: 0;
-            }
+                        }
-        }
+                }
-        input,
+                input,
-        textarea {
+                textarea {
-            &::placeholder {
+                        &::placeholder {
-                color:   props.get(core.$theme, --text-mute);
+                                color:   props.get(core.$theme, --text-mute);
-                opacity: 1;
+                                opacity: 1;
-            }
+                        }
-            &:disabled {
+                        &:disabled {
-                color: props.get(core.$theme, --text-disabled);
+                                color: props.get(core.$theme, --text-disabled);
-            }
+                        }
-        }
+                }
-        textarea {
+                textarea {
-            block-size: calc(1em * props.get(core.$font--standard--line-height));
+                        block-size: calc(1em * props.get(core.$font--standard--line-height));
-        }
+                }
-        hr {
+                hr {
-            block-size:       props.get(core.$border-width--thin);
+                        block-size:       props.get(core.$border-width--thin);
-            margin:           0;
+                        margin:           0;
-            background-color: props.get(core.$theme, --border);
+                        background-color: props.get(core.$theme, --border);
-            border:           0;
+                        border:           0;
-        }
+                }
-        figure {
+                figure {
-            padding: 0;
+                        padding: 0;
-            margin:  0;
+                        margin:  0;
-        }
+                }
-        @each $theme in map.keys(props.get(core.$transparent-colors)) {
+                @each $theme in map.keys(props.get(core.$transparent-colors)) {
-            .t-static-#{string.slice($theme, 3)} {
+                        .t-static-#{string.slice($theme, 3)} {
-                color: props.get(core.$transparent-colors, $theme, --800);
+                                color: props.get(core.$transparent-colors, $theme, --800);
-                h1,
+                                h1,
-                h2,
+                                h2,
-                h3,
+                                h3,
-                h4,
+                                h4,
-                h5,
+                                h5,
-                h6 {
+                                h6 {
-                    color: props.get(core.$transparent-colors, $theme, --900);
+                                        color: props.get(core.$transparent-colors, $theme, --900);
-                }
+                                }
-                hr {
+                                hr {
-                    color: props.get(core.$transparent-colors, $theme, --400);
+                                        color: props.get(core.$transparent-colors, $theme, --400);
-                }
+                                }
-            }
+                        }
-        }
+                }
-    }
+        }
 }
author	Volpeon <git@volpeon.ink>	2025-08-06 16:40:56 +0200
committer	Volpeon <git@volpeon.ink>	2025-08-06 16:40:56 +0200
commit	41b0d0497988274057fc2512c822a6bc9d2d3ebd (patch)
tree	015a95ede42b799ac1fd049baa8b0a853b6d3bb3 /src/scopes/_implicit.scss
parent	Fix button font size (diff)
download	iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.gz iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.tar.bz2 iro-design-41b0d0497988274057fc2512c822a6bc9d2d3ebd.zip

diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss index 78f06be..cee1639 100644 --- a/src/scopes/_implicit.scss +++ b/src/scopes/_implicit.scss
@@ -11,170 +11,170 @@
11	@use 'implicit.vars' as vars;	11	@use 'implicit.vars' as vars;
12		12
13	@mixin styles {	13	@mixin styles {
14	@include materialize-at-root(meta.module-variables('vars'));	14	@include materialize-at-root(meta.module-variables('vars'));
15		15
16	@layer scope {	16	@layer scope {
17	html {	17	html {
18	accent-color: props.get(core.$theme, --accent, --600);	18	accent-color: props.get(core.$theme, --accent, --600);
19	scrollbar-color: props.get(core.$theme, --text-disabled) transparent;	19	scrollbar-color: props.get(core.$theme, --text-disabled) transparent;
20	}	20	}
21		21
22	body {	22	body {
23	padding: 0;	23	padding: 0;
24	margin: 0;	24	margin: 0;
25	font-family: props.get(vars.$body--font-family);	25	font-family: props.get(vars.$body--font-family);
26	font-size: props.get(vars.$body--font-size);	26	font-size: props.get(vars.$body--font-size);
27	font-feature-settings: props.get(vars.$body--feature-settings);	27	font-feature-settings: props.get(vars.$body--feature-settings);
28	line-height: props.get(vars.$body--line-height);	28	line-height: props.get(vars.$body--line-height);
29	color: props.get(core.$theme, --text);	29	color: props.get(core.$theme, --text);
30	background-color: props.get(core.$theme, --bg-base);	30	background-color: props.get(core.$theme, --bg-base);
31	}	31	}
32		32
33	pre,	33	pre,
34	code {	34	code {
35	font-family: props.get(vars.$code--font-family);	35	font-family: props.get(vars.$code--font-family);
36	font-size: props.get(vars.$code--font-size);	36	font-size: props.get(vars.$code--font-size);
37	font-feature-settings: props.get(vars.$code--feature-settings);	37	font-feature-settings: props.get(vars.$code--feature-settings);
38	line-height: props.get(vars.$code--line-height);	38	line-height: props.get(vars.$code--line-height);
39	}	39	}
40		40
41	pre {	41	pre {
42	margin: 0;	42	margin: 0;
43	overflow-x: auto;	43	overflow-x: auto;
44		44
45	code {	45	code {
46	font-size: 1em;	46	font-size: 1em;
47	color: currentColor;	47	color: currentColor;
48	}	48	}
49	}	49	}
50		50
51	h1,	51	h1,
52	h2,	52	h2,
53	h3,	53	h3,
54	h4,	54	h4,
55	h5,	55	h5,
56	h6 {	56	h6 {
57	margin-block: props.get(vars.$heading--margin-bs) 0;	57	margin-block: props.get(vars.$heading--margin-bs) 0;
58	font-family: props.get(vars.$heading--font-family);	58	font-family: props.get(vars.$heading--font-family);
59	font-size: props.get(vars.$heading--font-size);	59	font-size: props.get(vars.$heading--font-size);
60	font-weight: props.get(vars.$heading--font-weight);	60	font-weight: props.get(vars.$heading--font-weight);
61	font-feature-settings: props.get(vars.$heading--feature-settings);	61	font-feature-settings: props.get(vars.$heading--feature-settings);
62	line-height: props.get(vars.$heading--line-height);	62	line-height: props.get(vars.$heading--line-height);
63	color: props.get(vars.$heading--color);	63	color: props.get(vars.$heading--color);
64		64
65	& + & {	65	& + & {
66	margin-block-start: props.get(vars.$heading--margin-bs-sibling);	66	margin-block-start: props.get(vars.$heading--margin-bs-sibling);
67	}	67	}
68	}	68	}
69		69
70	p {	70	p {
71	margin-block: props.get(vars.$paragraph--margin-bs) 0;	71	margin-block: props.get(vars.$paragraph--margin-bs) 0;
72		72
73	&:empty {	73	&:empty {
74	display: none;	74	display: none;
75	}	75	}
76	}	76	}
77		77
78	strong {	78	strong {
79	font-weight: bold;	79	font-weight: bold;
80	}	80	}
81		81
82	small {	82	small {
83	font-size: props.get(vars.$small--font-size);	83	font-size: props.get(vars.$small--font-size);
84	}	84	}
85		85
86	ul,	86	ul,
87	ol {	87	ol {
88	padding: 0;	88	padding: 0;
89	margin: 0;	89	margin: 0;
90	list-style: none;	90	list-style: none;
91	}	91	}
92		92
93	li {	93	li {
94	padding: 0;	94	padding: 0;
95	margin: 0;	95	margin: 0;
96	}	96	}
97		97
98	:focus,	98	:focus,
99	:focus-visible {	99	:focus-visible {
100	outline: 0;	100	outline: 0;
101	}	101	}
102		102
103	:link,	103	:link,
104	:visited {	104	:visited {
105	color: currentColor;	105	color: currentColor;
106	text-decoration: none;	106	text-decoration: none;
107	}	107	}
108		108
109		109
110	button,	110	button,
111	input,	111	input,
112	textarea {	112	textarea {
113	box-sizing: content-box;	113	box-sizing: content-box;
114	padding: 0;	114	padding: 0;
115	margin: 0;	115	margin: 0;
116	font-family: inherit;	116	font-family: inherit;
117	font-size: 1em;	117	font-size: 1em;
118	font-style: inherit;	118	font-style: inherit;
119	font-weight: inherit;	119	font-weight: inherit;
120	line-height: inherit;	120	line-height: inherit;
121	color: currentColor;	121	color: currentColor;
122	text-align: inherit;	122	text-align: inherit;
123	text-transform: inherit;	123	text-transform: inherit;
124	appearance: none;	124	appearance: none;
125	background: none;	125	background: none;
126	border: 0;	126	border: 0;
127		127
128	&::-moz-focus-inner {	128	&::-moz-focus-inner {
129	border: 0;	129	border: 0;
130	}	130	}
131	}	131	}
132		132
133	input,	133	input,
134	textarea {	134	textarea {
135	&::placeholder {	135	&::placeholder {
136	color: props.get(core.$theme, --text-mute);	136	color: props.get(core.$theme, --text-mute);
137	opacity: 1;	137	opacity: 1;
138	}	138	}
139		139
140	&:disabled {	140	&:disabled {
141	color: props.get(core.$theme, --text-disabled);	141	color: props.get(core.$theme, --text-disabled);
142	}	142	}
143	}	143	}
144		144
145	textarea {	145	textarea {
146	block-size: calc(1em * props.get(core.$font--standard--line-height));	146	block-size: calc(1em * props.get(core.$font--standard--line-height));
147	}	147	}
148		148
149	hr {	149	hr {
150	block-size: props.get(core.$border-width--thin);	150	block-size: props.get(core.$border-width--thin);
151	margin: 0;	151	margin: 0;
152	background-color: props.get(core.$theme, --border);	152	background-color: props.get(core.$theme, --border);
153	border: 0;	153	border: 0;
154	}	154	}
155		155
156	figure {	156	figure {
157	padding: 0;	157	padding: 0;
158	margin: 0;	158	margin: 0;
159	}	159	}
160		160
161	@each $theme in map.keys(props.get(core.$transparent-colors)) {	161	@each $theme in map.keys(props.get(core.$transparent-colors)) {
162	.t-static-#{string.slice($theme, 3)} {	162	.t-static-#{string.slice($theme, 3)} {
163	color: props.get(core.$transparent-colors, $theme, --800);	163	color: props.get(core.$transparent-colors, $theme, --800);
164		164
165	h1,	165	h1,
166	h2,	166	h2,
167	h3,	167	h3,
168	h4,	168	h4,
169	h5,	169	h5,
170	h6 {	170	h6 {
171	color: props.get(core.$transparent-colors, $theme, --900);	171	color: props.get(core.$transparent-colors, $theme, --900);
172	}	172	}
173		173
174	hr {	174	hr {
175	color: props.get(core.$transparent-colors, $theme, --400);	175	color: props.get(core.$transparent-colors, $theme, --400);
176	}	176	}
177	}	177	}
178	}	178	}
179	}	179	}
180	}	180	}