@foris/avocado-core 0.12.2 → 1.0.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/scss/_themes.scss +18 -0
- package/dist/scss/_variables.scss +18 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/scss/_themes.scss
CHANGED
|
@@ -324,6 +324,15 @@
|
|
|
324
324
|
--color-web-primary-60: var(--color-web-cyan-60);
|
|
325
325
|
--color-web-primary-50: var(--color-web-cyan-50);
|
|
326
326
|
--color-web-primary-30: var(--color-web-cyan-30);
|
|
327
|
+
--shadow-web-none: none;
|
|
328
|
+
--shadow-web-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5);
|
|
329
|
+
--shadow-web-md: 0 2px 8px 0 rgba(49, 61, 73, 0.2),
|
|
330
|
+
0 1px 2px 1px rgba(49, 61, 73, 0.1);
|
|
331
|
+
--shadow-web-lg: 0 2px 16px 0 rgba(49, 61, 73, 0.3),
|
|
332
|
+
0 0 4px 1px rgba(49, 61, 73, 0.1);
|
|
333
|
+
--shadow-web-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2);
|
|
334
|
+
--shadow-web-lg-brand: 0 20px 40px -20px rgba(49, 61, 73, 0.2);
|
|
335
|
+
--shadow-web-elevate-brand: 0 25px 30px -10px rgba(0, 0, 0, 0.25);
|
|
327
336
|
}
|
|
328
337
|
|
|
329
338
|
.avocado-dark-theme {
|
|
@@ -428,4 +437,13 @@
|
|
|
428
437
|
--color-web-primary-60: var(--color-web-cyan-80);
|
|
429
438
|
--color-web-primary-50: var(--color-web-cyan-90);
|
|
430
439
|
--color-web-primary-30: var(--color-web-cyan-100);
|
|
440
|
+
--shadow-web-none: none;
|
|
441
|
+
--shadow-web-sm: 0 0 2px 0 rgba(0, 0, 0, 0.5);
|
|
442
|
+
--shadow-web-md: 0 2px 8px 0 rgba(0, 0, 0, 0.2),
|
|
443
|
+
0 1px 2px 1px rgba(0, 0, 0, 0.1);
|
|
444
|
+
--shadow-web-lg: 0 2px 16px 0 rgba(0, 0, 0, 0.3),
|
|
445
|
+
0 0 4px 1px rgba(0, 0, 0, 0.1);
|
|
446
|
+
--shadow-web-elevate: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
|
|
447
|
+
--shadow-web-lg-brand: 0 20px 40px -20px rgba(0, 0, 0, 0.2);
|
|
448
|
+
--shadow-web-elevate-brand: 0 25px 30px -10px rgba(0, 0, 0, 0.25);
|
|
431
449
|
}
|
|
@@ -29,6 +29,7 @@ $sizeText: (
|
|
|
29
29
|
28: 1.75rem,
|
|
30
30
|
24: 1.5rem,
|
|
31
31
|
22: 1.375rem,
|
|
32
|
+
20: 1.25rem,
|
|
32
33
|
18: 1.125rem,
|
|
33
34
|
16: 1rem,
|
|
34
35
|
14: 0.875rem,
|
|
@@ -173,6 +174,8 @@ $spacing: (
|
|
|
173
174
|
xl: 1.5rem,
|
|
174
175
|
xxl: 2rem,
|
|
175
176
|
xxxl: 2.75rem,
|
|
177
|
+
4xl: 4rem,
|
|
178
|
+
5xl: 4.5rem,
|
|
176
179
|
);
|
|
177
180
|
|
|
178
181
|
// DT shadow - use css variables and then delete this
|
|
@@ -189,6 +192,21 @@ $shadow: (
|
|
|
189
192
|
elevate: (
|
|
190
193
|
0 2px 4px 0 rgba(49, 61, 73, 0.15),
|
|
191
194
|
),
|
|
195
|
+
|
|
196
|
+
//Web shadows
|
|
197
|
+
web-none: none,
|
|
198
|
+
web-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5),
|
|
199
|
+
web-md: (
|
|
200
|
+
0 2px 8px 0 rgba(49, 61, 73, 0.2),
|
|
201
|
+
0 1px 2px 1 rgba(49, 61, 73, 0.1),
|
|
202
|
+
),
|
|
203
|
+
web-lg: (
|
|
204
|
+
0 2px 16px 0 rgba(49, 61, 73, 0.3),
|
|
205
|
+
0 0 4px 1 rgba(49, 61, 73, 0.1),
|
|
206
|
+
),
|
|
207
|
+
web-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2),
|
|
208
|
+
web-lg-brand: 0 20px 40px -20px rgba(49, 61, 73, 0.2),
|
|
209
|
+
web-elevate-brand: 0 25px 30px -10px rgba(0, 0, 0, 0.25),
|
|
192
210
|
);
|
|
193
211
|
|
|
194
212
|
// Replace and remove this var
|