@imput/helium-prism 0.1.0 → 0.1.2
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/components/Text.svelte +0 -1
- package/dist/styles.css +15 -15
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -13,7 +13,8 @@
|
|
|
13
13
|
--bg-surface: #fbfcff;
|
|
14
14
|
--bg-gradient-start: #f4f7ff;
|
|
15
15
|
--bg-gradient-end: #acbbff;
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
--background: var(--bg-surface);
|
|
17
18
|
|
|
18
19
|
--tooltip-bg: #eaedfd;
|
|
19
20
|
--tooltip-shadow: color-mix(in srgb, #9ba6d8 50%, transparent);
|
|
@@ -66,7 +67,6 @@
|
|
|
66
67
|
--bg-surface: #0e1123;
|
|
67
68
|
--bg-gradient-start: #151932;
|
|
68
69
|
--bg-gradient-end: #2d3c7f;
|
|
69
|
-
--background: var(--bg-gradient-start);
|
|
70
70
|
|
|
71
71
|
--helium-elevated: #b3beec;
|
|
72
72
|
--glass-filter: blur(12px);
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
html {
|
|
86
|
-
background: var(--
|
|
86
|
+
background: var(--background);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
::selection {
|
|
@@ -157,12 +157,6 @@ strong {
|
|
|
157
157
|
font-weight: 600;
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
h1,
|
|
161
|
-
h2,
|
|
162
|
-
p {
|
|
163
|
-
white-space: pre-line;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
160
|
a {
|
|
167
161
|
color: inherit;
|
|
168
162
|
text-underline-offset: 4px;
|
|
@@ -205,10 +199,9 @@ button,
|
|
|
205
199
|
color: var(--primary);
|
|
206
200
|
background-color: var(--helium-elevated-7);
|
|
207
201
|
font-size: 16px;
|
|
208
|
-
white-space: nowrap;
|
|
209
202
|
min-height: 38px;
|
|
210
203
|
padding: 9px 16px;
|
|
211
|
-
border-radius: var(--size);
|
|
204
|
+
border-radius: calc(var(--size) / 2);
|
|
212
205
|
transition: 0.2s background-color, 0.2s transform, 0.2s opacity;
|
|
213
206
|
will-change: transform;
|
|
214
207
|
display: inline-flex;
|
|
@@ -248,12 +241,9 @@ button,
|
|
|
248
241
|
}
|
|
249
242
|
|
|
250
243
|
&.card {
|
|
251
|
-
--text-white-space: normal;
|
|
252
|
-
|
|
253
244
|
min-height: 0;
|
|
254
245
|
width: 100%;
|
|
255
246
|
text-align: left;
|
|
256
|
-
white-space: normal;
|
|
257
247
|
border-radius: 14px;
|
|
258
248
|
padding: 14px 18px;
|
|
259
249
|
gap: var(--gap-1);
|
|
@@ -263,7 +253,6 @@ button,
|
|
|
263
253
|
}
|
|
264
254
|
|
|
265
255
|
& svg {
|
|
266
|
-
flex: 0 0 auto;
|
|
267
256
|
width: 21px;
|
|
268
257
|
height: 21px;
|
|
269
258
|
}
|
|
@@ -288,6 +277,7 @@ button,
|
|
|
288
277
|
}
|
|
289
278
|
|
|
290
279
|
& svg {
|
|
280
|
+
flex: 0 0 auto;
|
|
291
281
|
height: 18px;
|
|
292
282
|
width: 18px;
|
|
293
283
|
stroke-width: 1.8px;
|
|
@@ -384,3 +374,13 @@ a:focus-visible {
|
|
|
384
374
|
backdrop-filter: var(--glass-filter);
|
|
385
375
|
}
|
|
386
376
|
}
|
|
377
|
+
|
|
378
|
+
@media screen and (max-width: 535px) {
|
|
379
|
+
h1 {
|
|
380
|
+
font-size: 38px;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
h2 {
|
|
384
|
+
font-size: 30px;
|
|
385
|
+
}
|
|
386
|
+
}
|