summaryrefslogtreecommitdiffstats
path: root/src/scopes/_implicit.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scopes/_implicit.scss')
-rw-r--r--src/scopes/_implicit.scss280
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 @@
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}
generated by cgit v1.2.3-70-g09d2 (git 2.50.0) at 2025-08-12 02:48:07 +0000