@nuvoui/core 1.5.1 → 1.5.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/nuvoui.css +43 -41
- package/dist/nuvoui.css.map +1 -1
- package/dist/nuvoui.min.css +1 -1
- package/dist/nuvoui.min.css.map +1 -1
- package/package.json +8 -8
- package/src/styles/base/_base.scss +1 -1
- package/src/styles/components/_tooltips.scss +24 -24
- package/src/styles/functions/_colors.scss +26 -5
- package/src/styles/functions/_math.scss +57 -39
- package/src/styles/functions/_units.scss +17 -18
- package/src/styles/layouts/_container.scss +2 -4
- package/src/styles/mixins-map.scss +1 -1
- package/src/styles/utilities/_animations.scss +16 -4
- package/src/styles/utilities/_backdrop-filters.scss +4 -1
- package/src/styles/utilities/_colors.scss +4 -1
- package/src/styles/utilities/_typography.scss +4 -1
- package/src/styles/utilities/_z-index.scss +4 -1
|
@@ -39,12 +39,24 @@ $generated-keyframes: ();
|
|
|
39
39
|
$iteration: map.get($props, "iteration");
|
|
40
40
|
|
|
41
41
|
// Handle units
|
|
42
|
-
$x-unit:
|
|
43
|
-
|
|
42
|
+
$x-unit: "-";
|
|
43
|
+
@if $x {
|
|
44
|
+
$x-unit: fn-units.safe-unit-name(math.unit($x));
|
|
45
|
+
}
|
|
46
|
+
$y-unit: "-";
|
|
47
|
+
@if $y {
|
|
48
|
+
$y-unit: fn-units.safe-unit-name(math.unit($y));
|
|
49
|
+
}
|
|
44
50
|
|
|
45
51
|
// Clean values (remove units)
|
|
46
|
-
$clean-x:
|
|
47
|
-
|
|
52
|
+
$clean-x: 0;
|
|
53
|
+
@if $x {
|
|
54
|
+
$clean-x: fn-units.strip-unit($x);
|
|
55
|
+
}
|
|
56
|
+
$clean-y: 0;
|
|
57
|
+
@if $y {
|
|
58
|
+
$clean-y: fn-units.strip-unit($y);
|
|
59
|
+
}
|
|
48
60
|
|
|
49
61
|
$animation-name: anim-bounce-#{$clean-x}#{$x-unit}-#{$clean-y}#{$y-unit};
|
|
50
62
|
|
|
@@ -216,7 +216,10 @@ $backdrop-filter-presets: (
|
|
|
216
216
|
|
|
217
217
|
// Generate utility classes
|
|
218
218
|
@mixin generate-backdrop-filter-utilities($breakpoint: null) {
|
|
219
|
-
$suffix:
|
|
219
|
+
$suffix: "";
|
|
220
|
+
@if $breakpoint {
|
|
221
|
+
$suffix: "\\@#{$breakpoint}";
|
|
222
|
+
}
|
|
220
223
|
|
|
221
224
|
// Base layer class
|
|
222
225
|
#{config-flags.$parent-selector} .backdrop-layer#{$suffix} {
|
|
@@ -18,7 +18,10 @@
|
|
|
18
18
|
color: color-fn.find-text-color($color);
|
|
19
19
|
|
|
20
20
|
@media (prefers-contrast: more) {
|
|
21
|
-
$adjusted:
|
|
21
|
+
$adjusted: color.adjust($color, $lightness: 10%);
|
|
22
|
+
@if color.lightness($color) > 50% {
|
|
23
|
+
$adjusted: color.adjust($color, $lightness: -10%);
|
|
24
|
+
}
|
|
22
25
|
|
|
23
26
|
background-color: $adjusted;
|
|
24
27
|
color: color-fn.find-text-color($adjusted);
|
|
@@ -271,7 +271,10 @@
|
|
|
271
271
|
}
|
|
272
272
|
|
|
273
273
|
@mixin responsive-config-typo($breakpoint: null) {
|
|
274
|
-
$suffix:
|
|
274
|
+
$suffix: "";
|
|
275
|
+
@if $breakpoint {
|
|
276
|
+
$suffix: "\\@#{$breakpoint}";
|
|
277
|
+
}
|
|
275
278
|
|
|
276
279
|
@each $size, $val in config-typo.$font-sizes {
|
|
277
280
|
#{config-flags.$parent-selector} .text-#{$size}#{$suffix} {
|
|
@@ -66,7 +66,10 @@ $z-index-levels: (
|
|
|
66
66
|
// Generate z-index utility classes
|
|
67
67
|
// @param {String} $breakpoint - Optional breakpoint name for responsive variants
|
|
68
68
|
@mixin z-index-utilities($breakpoint: null) {
|
|
69
|
-
$suffix:
|
|
69
|
+
$suffix: "";
|
|
70
|
+
@if $breakpoint {
|
|
71
|
+
$suffix: "\\@#{$breakpoint}";
|
|
72
|
+
}
|
|
70
73
|
|
|
71
74
|
// Standard numbered z-index utilities
|
|
72
75
|
@each $key, $value in $z-indexes {
|