@qasa/qds-ui 0.25.2 → 0.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/preset.css +95 -3
- package/package.json +1 -1
package/dist/preset.css
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
/* Remove all default font families */
|
|
3
3
|
--font-*: initial;
|
|
4
4
|
--font-sans: var(--font-family-sans), Helvetica, -apple-system, Arial, sans-serif;
|
|
5
|
-
--font-
|
|
6
|
-
--font-
|
|
5
|
+
--font-semi-mono: var(--font-family-semi-mono), Helvetica, -apple-system, Arial, sans-serif;
|
|
6
|
+
--font-semi-mono--font-feature-settings: 'ss05';
|
|
7
7
|
|
|
8
8
|
/* Remove all default font weights */
|
|
9
9
|
--font-weight-*: initial;
|
|
@@ -90,6 +90,7 @@
|
|
|
90
90
|
--spacing-6: 1.5rem;
|
|
91
91
|
--spacing-7: 1.75rem;
|
|
92
92
|
--spacing-8: 2rem;
|
|
93
|
+
--spacing-9: 2.25rem;
|
|
93
94
|
--spacing-10: 2.5rem;
|
|
94
95
|
--spacing-12: 3rem;
|
|
95
96
|
--spacing-14: 3.5rem;
|
|
@@ -133,13 +134,104 @@
|
|
|
133
134
|
0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503), 0px 31px 75px 0px rgba(0, 0, 0, 0.07);
|
|
134
135
|
}
|
|
135
136
|
|
|
137
|
+
@utility type-display-lg {
|
|
138
|
+
font-family: var(--font-semi-mono);
|
|
139
|
+
font-size: var(--text-6xl);
|
|
140
|
+
line-height: var(--text-6xl--line-height);
|
|
141
|
+
font-weight: var(--font-weight-bold);
|
|
142
|
+
letter-spacing: var(--tracking-tighter);
|
|
143
|
+
font-feature-settings: 'ss05';
|
|
144
|
+
}
|
|
145
|
+
@utility type-display-md {
|
|
146
|
+
font-family: var(--font-semi-mono);
|
|
147
|
+
font-size: var(--text-5xl);
|
|
148
|
+
line-height: var(--text-5xl--line-height);
|
|
149
|
+
font-weight: var(--font-weight-bold);
|
|
150
|
+
letter-spacing: var(--tracking-tighter);
|
|
151
|
+
font-feature-settings: 'ss05';
|
|
152
|
+
}
|
|
153
|
+
@utility type-display-sm {
|
|
154
|
+
font-family: var(--font-semi-mono);
|
|
155
|
+
font-size: var(--text-4xl);
|
|
156
|
+
line-height: var(--text-4xl--line-height);
|
|
157
|
+
font-weight: var(--font-weight-bold);
|
|
158
|
+
letter-spacing: var(--tracking-tighter);
|
|
159
|
+
font-feature-settings: 'ss05';
|
|
160
|
+
}
|
|
161
|
+
@utility type-title-lg {
|
|
162
|
+
font-size: var(--text-4xl);
|
|
163
|
+
line-height: var(--text-4xl--line-height);
|
|
164
|
+
font-weight: var(--font-weight-bold);
|
|
165
|
+
letter-spacing: var(--tracking-tight);
|
|
166
|
+
}
|
|
167
|
+
@utility type-title-md {
|
|
168
|
+
font-size: var(--text-3xl);
|
|
169
|
+
line-height: var(--text-3xl--line-height);
|
|
170
|
+
font-weight: var(--font-weight-bold);
|
|
171
|
+
letter-spacing: var(--tracking-tight);
|
|
172
|
+
}
|
|
173
|
+
@utility type-title-sm {
|
|
174
|
+
font-size: var(--text-2xl);
|
|
175
|
+
line-height: var(--text-2xl--line-height);
|
|
176
|
+
font-weight: var(--font-weight-bold);
|
|
177
|
+
letter-spacing: var(--tracking-tight);
|
|
178
|
+
}
|
|
179
|
+
@utility type-title-xs {
|
|
180
|
+
font-size: var(--text-xl);
|
|
181
|
+
line-height: var(--text-xl--line-height);
|
|
182
|
+
font-weight: var(--font-weight-bold);
|
|
183
|
+
letter-spacing: var(--tracking-tight);
|
|
184
|
+
}
|
|
185
|
+
@utility type-title-2xs {
|
|
186
|
+
font-size: var(--text-base);
|
|
187
|
+
line-height: var(--text-base--line-height);
|
|
188
|
+
font-weight: var(--font-weight-bold);
|
|
189
|
+
letter-spacing: var(--tracking-tight);
|
|
190
|
+
}
|
|
191
|
+
@utility type-body-xl {
|
|
192
|
+
font-size: var(--text-xl);
|
|
193
|
+
line-height: var(--text-xl--line-height);
|
|
194
|
+
font-weight: var(--font-weight-normal);
|
|
195
|
+
letter-spacing: var(--tracking-tight);
|
|
196
|
+
}
|
|
197
|
+
@utility type-body-lg {
|
|
198
|
+
font-size: var(--text-lg);
|
|
199
|
+
line-height: var(--text-lg--line-height);
|
|
200
|
+
font-weight: var(--font-weight-normal);
|
|
201
|
+
letter-spacing: var(--tracking-tight);
|
|
202
|
+
}
|
|
203
|
+
@utility type-body-md {
|
|
204
|
+
font-size: var(--text-base);
|
|
205
|
+
line-height: var(--text-base--line-height);
|
|
206
|
+
font-weight: var(--font-weight-normal);
|
|
207
|
+
letter-spacing: var(--tracking-tight);
|
|
208
|
+
}
|
|
209
|
+
@utility type-body-sm {
|
|
210
|
+
font-size: var(--text-sm);
|
|
211
|
+
line-height: var(--text-sm--line-height);
|
|
212
|
+
font-weight: var(--font-weight-normal);
|
|
213
|
+
letter-spacing: var(--tracking-tight);
|
|
214
|
+
}
|
|
215
|
+
@utility type-label-md {
|
|
216
|
+
font-size: var(--text-base);
|
|
217
|
+
line-height: 1.25;
|
|
218
|
+
font-weight: var(--font-weight-medium);
|
|
219
|
+
letter-spacing: var(--tracking-tight);
|
|
220
|
+
}
|
|
221
|
+
@utility type-label-sm {
|
|
222
|
+
font-size: var(--text-sm);
|
|
223
|
+
line-height: 1.25;
|
|
224
|
+
font-weight: var(--font-weight-medium);
|
|
225
|
+
letter-spacing: var(--tracking-tight);
|
|
226
|
+
}
|
|
227
|
+
|
|
136
228
|
@layer base {
|
|
137
229
|
html {
|
|
138
230
|
@apply antialiased;
|
|
139
231
|
font-synthesis: none;
|
|
140
232
|
}
|
|
141
233
|
body {
|
|
142
|
-
@apply font-sans text-
|
|
234
|
+
@apply font-sans text-base text-brown;
|
|
143
235
|
}
|
|
144
236
|
|
|
145
237
|
button,
|