@nuvoui/core 1.3.1 → 1.3.2
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 +549 -488
- 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 +1 -1
- package/src/styles/abstracts/_config.scss +5 -0
- package/src/styles/base/_base.scss +4 -4
- package/src/styles/layouts/_flex.scss +1 -23
- package/src/styles/layouts/_grid.scss +0 -16
- package/src/styles/themes/refactored_borders.ipynb +37 -0
- package/src/styles/utilities/_borders.scss +77 -265
- package/src/styles/utilities/_display.scss +56 -7
|
@@ -40,6 +40,26 @@
|
|
|
40
40
|
display: initial;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
+
// @description Establishes a grid container.
|
|
44
|
+
@mixin grid {
|
|
45
|
+
display: grid;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// @description Establishes a inline-grid container.
|
|
49
|
+
@mixin grid-inline {
|
|
50
|
+
display: inline-grid;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// @description Establishes a flex container.
|
|
54
|
+
@mixin flex {
|
|
55
|
+
display: flex;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
// @description Establishes a flex-inline container.
|
|
59
|
+
@mixin flex-inline {
|
|
60
|
+
display: inline-flex;
|
|
61
|
+
}
|
|
62
|
+
|
|
43
63
|
// @description Set display to table.
|
|
44
64
|
@mixin d-tbl {
|
|
45
65
|
display: table;
|
|
@@ -120,6 +140,24 @@
|
|
|
120
140
|
@include inline-block;
|
|
121
141
|
}
|
|
122
142
|
|
|
143
|
+
#{VAR.$parent-selector} .contents {
|
|
144
|
+
@include contents;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
#{VAR.$parent-selector} .grid {
|
|
148
|
+
@include grid;
|
|
149
|
+
|
|
150
|
+
&.inline {
|
|
151
|
+
@include grid-inline;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
#{VAR.$parent-selector} .flex {
|
|
155
|
+
@include flex;
|
|
156
|
+
|
|
157
|
+
&.inline {
|
|
158
|
+
@include flex-inline;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
123
161
|
#{VAR.$parent-selector} .visible {
|
|
124
162
|
@include visible;
|
|
125
163
|
}
|
|
@@ -132,10 +170,6 @@
|
|
|
132
170
|
@include collapse;
|
|
133
171
|
}
|
|
134
172
|
|
|
135
|
-
#{VAR.$parent-selector} .contents {
|
|
136
|
-
@include contents;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
173
|
#{VAR.$parent-selector} .overflow-hidden {
|
|
140
174
|
@include overflow-hidden;
|
|
141
175
|
}
|
|
@@ -208,6 +242,24 @@
|
|
|
208
242
|
#{VAR.$parent-selector} .inline-block\@#{$breakpoint} {
|
|
209
243
|
@include inline-block;
|
|
210
244
|
}
|
|
245
|
+
|
|
246
|
+
#{VAR.$parent-selector} .contents\@#{$breakpoint} {
|
|
247
|
+
@include contents;
|
|
248
|
+
}
|
|
249
|
+
#{VAR.$parent-selector} .grid\@#{$breakpoint} {
|
|
250
|
+
@include grid;
|
|
251
|
+
|
|
252
|
+
&.inline {
|
|
253
|
+
@include grid-inline;
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
#{VAR.$parent-selector} .flex\@#{$breakpoint} {
|
|
257
|
+
@include flex;
|
|
258
|
+
|
|
259
|
+
&.inline {
|
|
260
|
+
@include flex-inline;
|
|
261
|
+
}
|
|
262
|
+
}
|
|
211
263
|
#{VAR.$parent-selector} .visible\@#{$breakpoint} {
|
|
212
264
|
@include visible;
|
|
213
265
|
}
|
|
@@ -217,9 +269,6 @@
|
|
|
217
269
|
#{VAR.$parent-selector} .collapse\@#{$breakpoint} {
|
|
218
270
|
@include collapse;
|
|
219
271
|
}
|
|
220
|
-
#{VAR.$parent-selector} .contents\@#{$breakpoint} {
|
|
221
|
-
@include contents;
|
|
222
|
-
}
|
|
223
272
|
#{VAR.$parent-selector} .overflow-hidden\@#{$breakpoint} {
|
|
224
273
|
@include overflow-hidden;
|
|
225
274
|
}
|