@foris/avocado-core 0.12.2 → 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 +17 -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
|
}
|
|
@@ -173,6 +173,8 @@ $spacing: (
|
|
|
173
173
|
xl: 1.5rem,
|
|
174
174
|
xxl: 2rem,
|
|
175
175
|
xxxl: 2.75rem,
|
|
176
|
+
4xl: 4rem,
|
|
177
|
+
5xl: 4.5rem,
|
|
176
178
|
);
|
|
177
179
|
|
|
178
180
|
// DT shadow - use css variables and then delete this
|
|
@@ -189,6 +191,21 @@ $shadow: (
|
|
|
189
191
|
elevate: (
|
|
190
192
|
0 2px 4px 0 rgba(49, 61, 73, 0.15),
|
|
191
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),
|
|
192
209
|
);
|
|
193
210
|
|
|
194
211
|
// Replace and remove this var
|