@appartmint/css-mint 0.0.31 → 0.0.33
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/package.json +1 -1
- package/src/components/widget/card.scss +7 -1
- package/src/themes/colors.scss +17 -11
- package/src/util.scss +1 -1
package/package.json
CHANGED
|
@@ -12,7 +12,13 @@
|
|
|
12
12
|
@include css-var-ref(card-r, br);
|
|
13
13
|
@include css-var-ref(card-shadow-s, shadow-s);
|
|
14
14
|
@include css-var-ref(card-shadow-c, shadow-c);
|
|
15
|
-
@include css-var-ref(card-bg, c-bg);
|
|
15
|
+
@include css-var-ref(card-bg, c-bg-3);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
#{class(theme)} {
|
|
19
|
+
&-dark {
|
|
20
|
+
@include css-var-ref(card-bg, c-bg-5);
|
|
21
|
+
}
|
|
16
22
|
}
|
|
17
23
|
|
|
18
24
|
#{class(card)} {
|
package/src/themes/colors.scss
CHANGED
|
@@ -2,19 +2,25 @@
|
|
|
2
2
|
@use '../util' as *;
|
|
3
3
|
|
|
4
4
|
:root {
|
|
5
|
-
|
|
6
|
-
@include
|
|
7
|
-
@include css-var(c-white, #fff);
|
|
5
|
+
@include shades(glow, rgba(255, 255, 255, 0), darken, 7, 10%, true);
|
|
6
|
+
@include shades(shadow, rgba(0, 0, 0, 0), darken, 7, 10%, true);
|
|
8
7
|
|
|
9
8
|
/// Brand Colors
|
|
10
|
-
@include
|
|
11
|
-
@include
|
|
12
|
-
@include
|
|
13
|
-
@include
|
|
14
|
-
@include
|
|
15
|
-
@include
|
|
9
|
+
@include shades(c-brand, #C55);
|
|
10
|
+
@include shades(c-accent, #483d8b);
|
|
11
|
+
@include shades(c-success, #208a20);
|
|
12
|
+
@include shades(c-danger, #ff4d4d);
|
|
13
|
+
@include shades(c-warning, #ffaa22);
|
|
14
|
+
@include shades(c-info, #238cc4);
|
|
16
15
|
|
|
17
16
|
/// App Colors
|
|
18
|
-
@include
|
|
19
|
-
@include
|
|
17
|
+
@include shades(c-fg, color.adjust(black, $lightness: 10%), lighten);
|
|
18
|
+
@include shades(c-bg, color.adjust(white, $lightness: -10%), darken);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
#{class(theme)} {
|
|
22
|
+
&-dark {
|
|
23
|
+
@include shades(c-fg, color.adjust(white, $lightness: -10%), darken);
|
|
24
|
+
@include shades(c-bg, color.adjust(black, $lightness: 10%), lighten);
|
|
25
|
+
}
|
|
20
26
|
}
|
package/src/util.scss
CHANGED
|
@@ -607,7 +607,7 @@ $break: (
|
|
|
607
607
|
}
|
|
608
608
|
|
|
609
609
|
@if (meta.type-of($color) != 'color') {
|
|
610
|
-
@error 'The shades mixin requires a color for the $
|
|
610
|
+
@error 'The shades mixin requires a color for the $color argument.';
|
|
611
611
|
}
|
|
612
612
|
|
|
613
613
|
@if not($type == lighten or $type == darken or $type == both) {
|