@gitlab/ui 43.7.1 → 43.8.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/package.json
CHANGED
package/src/scss/utilities.scss
CHANGED
|
@@ -3216,6 +3216,66 @@
|
|
|
3216
3216
|
}
|
|
3217
3217
|
}
|
|
3218
3218
|
|
|
3219
|
+
.gl-flex-wrap-wrap {
|
|
3220
|
+
flex-wrap: wrap;
|
|
3221
|
+
}
|
|
3222
|
+
|
|
3223
|
+
.gl-flex-wrap-wrap\! {
|
|
3224
|
+
flex-wrap: wrap !important;
|
|
3225
|
+
}
|
|
3226
|
+
|
|
3227
|
+
.gl-lg-flex-wrap-wrap {
|
|
3228
|
+
@include gl-media-breakpoint-up(lg) {
|
|
3229
|
+
flex-wrap: wrap;
|
|
3230
|
+
}
|
|
3231
|
+
}
|
|
3232
|
+
|
|
3233
|
+
.gl-lg-flex-wrap-wrap\! {
|
|
3234
|
+
@include gl-media-breakpoint-up(lg) {
|
|
3235
|
+
flex-wrap: wrap !important;
|
|
3236
|
+
}
|
|
3237
|
+
}
|
|
3238
|
+
|
|
3239
|
+
.gl-xl-flex-wrap-wrap {
|
|
3240
|
+
@include gl-media-breakpoint-up(xl) {
|
|
3241
|
+
flex-wrap: wrap;
|
|
3242
|
+
}
|
|
3243
|
+
}
|
|
3244
|
+
|
|
3245
|
+
.gl-xl-flex-wrap-wrap\! {
|
|
3246
|
+
@include gl-media-breakpoint-up(xl) {
|
|
3247
|
+
flex-wrap: wrap !important;
|
|
3248
|
+
}
|
|
3249
|
+
}
|
|
3250
|
+
|
|
3251
|
+
.gl-sm-flex-wrap-wrap {
|
|
3252
|
+
@include gl-media-breakpoint-up(sm) {
|
|
3253
|
+
flex-wrap: wrap;
|
|
3254
|
+
}
|
|
3255
|
+
}
|
|
3256
|
+
|
|
3257
|
+
.gl-sm-flex-wrap-wrap\! {
|
|
3258
|
+
@include gl-media-breakpoint-up(sm) {
|
|
3259
|
+
flex-wrap: wrap !important;
|
|
3260
|
+
}
|
|
3261
|
+
}
|
|
3262
|
+
|
|
3263
|
+
.gl-flex-wrap-wrap-reverse {
|
|
3264
|
+
flex-wrap: wrap-reverse;
|
|
3265
|
+
}
|
|
3266
|
+
|
|
3267
|
+
.gl-flex-wrap-wrap-reverse\! {
|
|
3268
|
+
flex-wrap: wrap-reverse !important;
|
|
3269
|
+
}
|
|
3270
|
+
|
|
3271
|
+
.gl-flex-wrap-nowrap {
|
|
3272
|
+
flex-wrap: nowrap;
|
|
3273
|
+
}
|
|
3274
|
+
|
|
3275
|
+
.gl-flex-wrap-nowrap\! {
|
|
3276
|
+
flex-wrap: nowrap !important;
|
|
3277
|
+
}
|
|
3278
|
+
|
|
3219
3279
|
.gl-flex-nowrap {
|
|
3220
3280
|
flex-wrap: nowrap;
|
|
3221
3281
|
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Flexbox utilities
|
|
3
|
+
*
|
|
4
|
+
* Naming convention: gl-{breakpoint?}-{property}-{value}
|
|
3
5
|
*/
|
|
4
6
|
@mixin gl-align-items-baseline {
|
|
5
7
|
align-items: baseline;
|
|
@@ -63,6 +65,11 @@
|
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
|
|
68
|
+
/**
|
|
69
|
+
* `gl-*flex-wrap` is deprecated; use `gl-*flex-wrap-wrap` instead.
|
|
70
|
+
* TODO: delete `gl-*flex-wrap` utilities classes, see
|
|
71
|
+
* https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1951
|
|
72
|
+
*/
|
|
66
73
|
@mixin gl-flex-wrap {
|
|
67
74
|
flex-wrap: wrap;
|
|
68
75
|
}
|
|
@@ -85,6 +92,41 @@
|
|
|
85
92
|
}
|
|
86
93
|
}
|
|
87
94
|
|
|
95
|
+
@mixin gl-flex-wrap-wrap {
|
|
96
|
+
flex-wrap: wrap;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
@mixin gl-lg-flex-wrap-wrap {
|
|
100
|
+
@include gl-media-breakpoint-up(lg) {
|
|
101
|
+
@include gl-flex-wrap-wrap;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@mixin gl-xl-flex-wrap-wrap {
|
|
106
|
+
@include gl-media-breakpoint-up(xl) {
|
|
107
|
+
@include gl-flex-wrap-wrap;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
@mixin gl-sm-flex-wrap-wrap {
|
|
112
|
+
@include gl-media-breakpoint-up(sm) {
|
|
113
|
+
@include gl-flex-wrap-wrap;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
@mixin gl-flex-wrap-wrap-reverse {
|
|
118
|
+
flex-wrap: wrap-reverse;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
@mixin gl-flex-wrap-nowrap {
|
|
122
|
+
flex-wrap: nowrap;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* `gl-flex-nowrap` is deprecated; use `gl-flex-wrap-nowrap` instead.
|
|
127
|
+
* TODO: delete `gl-flex-wrap-nowrap` utility class, see
|
|
128
|
+
* https://gitlab.com/gitlab-org/gitlab-ui/-/issues/1951
|
|
129
|
+
*/
|
|
88
130
|
@mixin gl-flex-nowrap {
|
|
89
131
|
flex-wrap: nowrap;
|
|
90
132
|
}
|