cozy-ui 140.5.2 → 140.6.0
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/CHANGELOG.md +7 -0
- package/dist/cozy-ui.min.css +1 -1
- package/dist/cozy-ui.utils.min.css +1 -1
- package/package.json +1 -1
- package/stylus/cozy-ui/build.styl +71 -28
- package/stylus/utilities/spaces.styl +67 -0
|
@@ -21,6 +21,27 @@ directions = {
|
|
|
21
21
|
h: horizontal
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
gapTypes = {
|
|
25
|
+
g: gap
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
gapSizes = {
|
|
29
|
+
'normal': normal,
|
|
30
|
+
'0': 0,
|
|
31
|
+
'half': rem(8),
|
|
32
|
+
'1': rem(16),
|
|
33
|
+
'1-half': rem(24),
|
|
34
|
+
'2': rem(32),
|
|
35
|
+
'2-half': rem(40),
|
|
36
|
+
'3': rem(48)
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
gapDirections = {
|
|
40
|
+
'': all,
|
|
41
|
+
v: row,
|
|
42
|
+
h: column
|
|
43
|
+
}
|
|
44
|
+
|
|
24
45
|
// Placeholders generation
|
|
25
46
|
for kType, vType in types
|
|
26
47
|
for kSize, vSize in sizes
|
|
@@ -39,6 +60,15 @@ for kType, vType in types
|
|
|
39
60
|
else
|
|
40
61
|
${kType}{kDir}-{kSize}
|
|
41
62
|
{vType}-{vDir}: vSize !important
|
|
63
|
+
for kType, vType in gapTypes
|
|
64
|
+
for kSize, vSize in gapSizes
|
|
65
|
+
for kDir, vDir in gapDirections
|
|
66
|
+
if vDir == all
|
|
67
|
+
${kType}-{kSize}
|
|
68
|
+
{vType}: vSize !important
|
|
69
|
+
else
|
|
70
|
+
${kType}{kDir}-{kSize}
|
|
71
|
+
{vDir}-{vType}: vSize !important
|
|
42
72
|
|
|
43
73
|
// Classes generation
|
|
44
74
|
cssModulesSpacingUtils()
|
|
@@ -77,6 +107,24 @@ cssModulesSpacingUtils()
|
|
|
77
107
|
else
|
|
78
108
|
:global(.u-{kType}{kDir}-{kSize}-{vBp})
|
|
79
109
|
{vType}-{vDir}: vSize !important
|
|
110
|
+
for kType, vType in gapTypes
|
|
111
|
+
for kSize, vSize in gapSizes
|
|
112
|
+
for kDir, vDir in gapDirections
|
|
113
|
+
if vBp == ''
|
|
114
|
+
if vDir == all
|
|
115
|
+
:global(.u-{kType}-{kSize})
|
|
116
|
+
{vType}: vSize !important
|
|
117
|
+
else
|
|
118
|
+
:global(.u-{kType}{kDir}-{kSize})
|
|
119
|
+
{vDir}-{vType}: vSize !important
|
|
120
|
+
else
|
|
121
|
+
@media (max-width: rem(lookup('BP-'+kBp)))
|
|
122
|
+
if vDir == all
|
|
123
|
+
:global(.u-{kType}-{kSize}-{vBp})
|
|
124
|
+
{vType}: vSize !important
|
|
125
|
+
else
|
|
126
|
+
:global(.u-{kType}{kDir}-{kSize}-{vBp})
|
|
127
|
+
{vDir}-{vType}: vSize !important
|
|
80
128
|
|
|
81
129
|
nativeSpacingUtils()
|
|
82
130
|
for kBp, vBp in breakpoints
|
|
@@ -114,6 +162,25 @@ nativeSpacingUtils()
|
|
|
114
162
|
else
|
|
115
163
|
.u-{kType}{kDir}-{kSize}-{vBp}
|
|
116
164
|
{vType}-{vDir}: vSize !important
|
|
165
|
+
for kType, vType in gapTypes
|
|
166
|
+
for kSize, vSize in gapSizes
|
|
167
|
+
for kDir, vDir in gapDirections
|
|
168
|
+
if vBp == ''
|
|
169
|
+
if vDir == all
|
|
170
|
+
.u-{kType}-{kSize}
|
|
171
|
+
{vType}: vSize !important
|
|
172
|
+
else
|
|
173
|
+
.u-{kType}{kDir}-{kSize}
|
|
174
|
+
{vDir}-{vType}: vSize !important
|
|
175
|
+
else
|
|
176
|
+
@media (max-width: rem(lookup('BP-'+kBp)))
|
|
177
|
+
if vDir == all
|
|
178
|
+
.u-{kType}-{kSize}-{vBp}
|
|
179
|
+
{vType}: vSize !important
|
|
180
|
+
else
|
|
181
|
+
.u-{kType}{kDir}-{kSize}-{vBp}
|
|
182
|
+
{vDir}-{vType}: vSize !important
|
|
183
|
+
|
|
117
184
|
if cssmodules == true
|
|
118
185
|
cssModulesSpacingUtils()
|
|
119
186
|
else
|