@nuvoui/core 1.2.5 → 1.2.7
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/README.md +2 -2
- package/dist/nuvoui.css +22277 -22831
- 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 +2 -2
- package/src/styles/abstracts/_config.scss +124 -56
- package/src/styles/abstracts/_functions.scss +21 -61
- package/src/styles/base/_base.scss +67 -59
- package/src/styles/base/_reset.scss +11 -8
- package/src/styles/index.scss +28 -10
- package/src/styles/layouts/_container.scss +1 -2
- package/src/styles/layouts/_flex.scss +442 -154
- package/src/styles/layouts/_grid.scss +145 -75
- package/src/styles/mixins-map.json +482 -0
- package/src/styles/mixins-map.scss +1 -1
- package/src/styles/themes/_theme.scss +114 -94
- package/src/styles/utilities/_alignment.scss +40 -13
- package/src/styles/utilities/_animations.scss +165 -105
- package/src/styles/utilities/_backdrop-filters.scss +156 -107
- package/src/styles/utilities/_borders.scss +329 -143
- package/src/styles/utilities/_colors.scss +24 -25
- package/src/styles/utilities/_container-queries.scss +7 -7
- package/src/styles/utilities/_cursor.scss +10 -17
- package/src/styles/utilities/_display.scss +234 -85
- package/src/styles/utilities/_helpers.scss +5 -5
- package/src/styles/utilities/_media-queries.scss +24 -27
- package/src/styles/utilities/_opacity.scss +15 -31
- package/src/styles/utilities/_position.scss +129 -66
- package/src/styles/utilities/_shadows.scss +25 -31
- package/src/styles/utilities/_sizing.scss +269 -108
- package/src/styles/utilities/_spacing.scss +254 -156
- package/src/styles/utilities/_tooltips.scss +35 -31
- package/src/styles/utilities/_transforms.scss +179 -156
- package/src/styles/utilities/_transitions.scss +134 -68
- package/src/styles/utilities/_typography.scss +341 -127
- package/src/styles/utilities/_z-index.scss +79 -49
- package/src/styles/abstracts/_index.scss +0 -1
- package/src/styles/base/_index.scss +0 -2
- package/src/styles/layouts/_index.scss +0 -3
- package/src/styles/themes/_index.scss +0 -1
- package/src/styles/utilities/_index.scss +0 -23
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
// Section: Layout
|
|
2
2
|
// Module: Z-Index
|
|
3
3
|
|
|
4
|
-
@use
|
|
5
|
-
@use
|
|
4
|
+
@use "sass:map";
|
|
5
|
+
@use "sass:meta";
|
|
6
6
|
|
|
7
7
|
// Import variables
|
|
8
|
-
@use
|
|
8
|
+
@use "../abstracts/config" as VAR;
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* Z-Index Utilities
|
|
@@ -20,37 +20,37 @@
|
|
|
20
20
|
|
|
21
21
|
// Z-index values map (can be moved to variables)
|
|
22
22
|
$z-indexes: (
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
"auto": auto,
|
|
24
|
+
"0": 0,
|
|
25
|
+
"10": 10,
|
|
26
|
+
"20": 20,
|
|
27
|
+
"30": 30,
|
|
28
|
+
"40": 40,
|
|
29
|
+
"50": 50,
|
|
30
|
+
"60": 60,
|
|
31
|
+
"70": 70,
|
|
32
|
+
"80": 80,
|
|
33
|
+
"90": 90,
|
|
34
|
+
"100": 100,
|
|
35
|
+
"200": 200,
|
|
36
|
+
"500": 500,
|
|
37
|
+
"1000": 1000,
|
|
38
38
|
);
|
|
39
39
|
|
|
40
40
|
// Named z-index levels (can be moved to variables)
|
|
41
41
|
$z-index-levels: (
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
42
|
+
"base": 0,
|
|
43
|
+
"hover": 10,
|
|
44
|
+
"dropdown": 100,
|
|
45
|
+
"sticky": 200,
|
|
46
|
+
"fixed": 300,
|
|
47
|
+
"overlay": 400,
|
|
48
|
+
"drawer": 500,
|
|
49
|
+
"modal": 600,
|
|
50
|
+
"popover": 700,
|
|
51
|
+
"tooltip": 800,
|
|
52
|
+
"toast": 900,
|
|
53
|
+
"max": 9999,
|
|
54
54
|
);
|
|
55
55
|
|
|
56
56
|
/**
|
|
@@ -73,42 +73,72 @@ $z-index-levels: (
|
|
|
73
73
|
*/
|
|
74
74
|
@mixin z-index-utilities($breakpoint: null) {
|
|
75
75
|
$suffix: if($breakpoint, "\\@#{$breakpoint}", "");
|
|
76
|
-
|
|
76
|
+
|
|
77
77
|
// Standard numbered z-index utilities
|
|
78
78
|
@each $key, $value in $z-indexes {
|
|
79
|
-
.z-#{$key}#{$suffix} {
|
|
79
|
+
#{VAR.$parent-selector} .z-#{$key}#{$suffix} {
|
|
80
|
+
@include z-index($key);
|
|
81
|
+
}
|
|
80
82
|
}
|
|
81
|
-
|
|
83
|
+
|
|
82
84
|
// Named semantic z-index utilities
|
|
83
85
|
@each $key, $value in $z-index-levels {
|
|
84
|
-
.z-#{$key}#{$suffix} {
|
|
86
|
+
#{VAR.$parent-selector} .z-#{$key}#{$suffix} {
|
|
87
|
+
@include z-index($value);
|
|
88
|
+
}
|
|
85
89
|
}
|
|
86
90
|
}
|
|
87
91
|
|
|
88
92
|
// Create specific named utilities as mixins for use in other files
|
|
89
|
-
@mixin z-base {
|
|
90
|
-
@
|
|
91
|
-
|
|
92
|
-
@mixin z-
|
|
93
|
-
@
|
|
94
|
-
|
|
95
|
-
@mixin z-
|
|
96
|
-
@
|
|
97
|
-
|
|
98
|
-
@mixin z-
|
|
99
|
-
@
|
|
100
|
-
|
|
101
|
-
@mixin z-
|
|
93
|
+
@mixin z-base {
|
|
94
|
+
@include z-index("base");
|
|
95
|
+
}
|
|
96
|
+
@mixin z-hover {
|
|
97
|
+
@include z-index("hover");
|
|
98
|
+
}
|
|
99
|
+
@mixin z-dropdown {
|
|
100
|
+
@include z-index("dropdown");
|
|
101
|
+
}
|
|
102
|
+
@mixin z-sticky {
|
|
103
|
+
@include z-index("sticky");
|
|
104
|
+
}
|
|
105
|
+
@mixin z-fixed {
|
|
106
|
+
@include z-index("fixed");
|
|
107
|
+
}
|
|
108
|
+
@mixin z-drawer {
|
|
109
|
+
@include z-index("drawer");
|
|
110
|
+
}
|
|
111
|
+
@mixin z-modal {
|
|
112
|
+
@include z-index("modal");
|
|
113
|
+
}
|
|
114
|
+
@mixin z-popover {
|
|
115
|
+
@include z-index("popover");
|
|
116
|
+
}
|
|
117
|
+
@mixin z-tooltip {
|
|
118
|
+
@include z-index("tooltip");
|
|
119
|
+
}
|
|
120
|
+
@mixin z-overlay {
|
|
121
|
+
@include z-index("overlay");
|
|
122
|
+
}
|
|
123
|
+
@mixin z-toast {
|
|
124
|
+
@include z-index("toast");
|
|
125
|
+
}
|
|
126
|
+
@mixin z-max {
|
|
127
|
+
@include z-index("max");
|
|
128
|
+
}
|
|
129
|
+
@mixin z-auto {
|
|
130
|
+
@include z-index("auto");
|
|
131
|
+
}
|
|
102
132
|
|
|
103
133
|
// Generate utility classes
|
|
104
134
|
@if VAR.$generate-utility-classes {
|
|
105
135
|
// Generate base utilities
|
|
106
136
|
@include z-index-utilities;
|
|
107
|
-
|
|
137
|
+
|
|
108
138
|
// Generate responsive variants
|
|
109
139
|
@each $breakpoint, $width in VAR.$breakpoints {
|
|
110
140
|
@media (min-width: #{$width}) {
|
|
111
141
|
@include z-index-utilities($breakpoint);
|
|
112
142
|
}
|
|
113
143
|
}
|
|
114
|
-
}
|
|
144
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@forward "config";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@forward "theme";
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
@use "../abstracts/config" as cfg;
|
|
2
|
-
|
|
3
|
-
// Forward all utility files
|
|
4
|
-
@forward "alignment";
|
|
5
|
-
@forward "animations";
|
|
6
|
-
@forward "backdrop-filters";
|
|
7
|
-
@forward "borders";
|
|
8
|
-
@forward "colors";
|
|
9
|
-
@forward "container-queries";
|
|
10
|
-
@forward "cursor";
|
|
11
|
-
@forward "display";
|
|
12
|
-
@forward "helpers";
|
|
13
|
-
@forward "media-queries";
|
|
14
|
-
@forward "opacity";
|
|
15
|
-
@forward "position";
|
|
16
|
-
@forward "shadows";
|
|
17
|
-
@forward "sizing";
|
|
18
|
-
@forward "spacing";
|
|
19
|
-
@forward "tooltips";
|
|
20
|
-
@forward "transforms";
|
|
21
|
-
@forward "transitions";
|
|
22
|
-
@forward "typography";
|
|
23
|
-
@forward "z-index";
|