@foris/avocado-core 0.12.1 → 0.12.3
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
|
}
|
|
@@ -18,6 +18,7 @@ $fonts: (
|
|
|
18
18
|
light: 300,
|
|
19
19
|
regular: 400,
|
|
20
20
|
medium: 500,
|
|
21
|
+
semibold: 600,
|
|
21
22
|
bold: 700,
|
|
22
23
|
black: 900,
|
|
23
24
|
);
|
|
@@ -172,6 +173,8 @@ $spacing: (
|
|
|
172
173
|
xl: 1.5rem,
|
|
173
174
|
xxl: 2rem,
|
|
174
175
|
xxxl: 2.75rem,
|
|
176
|
+
4xl: 4rem,
|
|
177
|
+
5xl: 4.5rem,
|
|
175
178
|
);
|
|
176
179
|
|
|
177
180
|
// DT shadow - use css variables and then delete this
|
|
@@ -188,6 +191,21 @@ $shadow: (
|
|
|
188
191
|
elevate: (
|
|
189
192
|
0 2px 4px 0 rgba(49, 61, 73, 0.15),
|
|
190
193
|
),
|
|
194
|
+
|
|
195
|
+
//Web shadows
|
|
196
|
+
web-none: none,
|
|
197
|
+
web-sm: 0 0 2px 0 rgba(49, 61, 73, 0.5),
|
|
198
|
+
web-md: (
|
|
199
|
+
0 2px 8px 0 rgba(49, 61, 73, 0.2),
|
|
200
|
+
0 1px 2px 1 rgba(49, 61, 73, 0.1),
|
|
201
|
+
),
|
|
202
|
+
web-lg: (
|
|
203
|
+
0 2px 16px 0 rgba(49, 61, 73, 0.3),
|
|
204
|
+
0 0 4px 1 rgba(49, 61, 73, 0.1),
|
|
205
|
+
),
|
|
206
|
+
web-elevate: 0 2px 4px 0 rgba(49, 61, 73, 0.2),
|
|
207
|
+
web-lg-brand: 0 20px 40px -20px rgba(49, 61, 73, 0.2),
|
|
208
|
+
web-elevate-brand: 0 25px 30px -10px rgba(0, 0, 0, 0.25),
|
|
191
209
|
);
|
|
192
210
|
|
|
193
211
|
// Replace and remove this var
|