@gitlab/ui 43.9.0 → 43.9.1

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.
Files changed (6) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/utility_classes.css +1 -1
  3. package/dist/utility_classes.css.map +1 -1
  4. package/package.json +1 -1
  5. package/src/scss/utilities.scss +14 -14
  6. package/src/scss/utility-mixins/flex.scss +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "43.9.0",
3
+ "version": "43.9.1",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/scss/utilities.scss CHANGED
@@ -3284,39 +3284,47 @@
3284
3284
  flex-wrap: nowrap !important;
3285
3285
  }
3286
3286
 
3287
+ .gl-flex-direction-column {
3288
+ flex-direction: column;
3289
+ }
3290
+
3291
+ .gl-flex-direction-column\! {
3292
+ flex-direction: column !important;
3293
+ }
3294
+
3287
3295
  .gl-sm-flex-direction-column {
3288
3296
  @include gl-media-breakpoint-down(md) {
3289
- @include gl-flex-direction-column;
3297
+ flex-direction: column;
3290
3298
  }
3291
3299
  }
3292
3300
 
3293
3301
  .gl-sm-flex-direction-column\! {
3294
3302
  @include gl-media-breakpoint-down(md) {
3295
- @include gl-flex-direction-column;
3303
+ flex-direction: column !important;
3296
3304
  }
3297
3305
  }
3298
3306
 
3299
3307
  .gl-md-flex-direction-column {
3300
3308
  @include gl-media-breakpoint-up(md) {
3301
- @include gl-flex-direction-column;
3309
+ flex-direction: column;
3302
3310
  }
3303
3311
  }
3304
3312
 
3305
3313
  .gl-md-flex-direction-column\! {
3306
3314
  @include gl-media-breakpoint-up(md) {
3307
- @include gl-flex-direction-column;
3315
+ flex-direction: column !important;
3308
3316
  }
3309
3317
  }
3310
3318
 
3311
3319
  .gl-lg-flex-direction-column {
3312
3320
  @include gl-media-breakpoint-up(lg) {
3313
- @include gl-flex-direction-column;
3321
+ flex-direction: column;
3314
3322
  }
3315
3323
  }
3316
3324
 
3317
3325
  .gl-lg-flex-direction-column\! {
3318
3326
  @include gl-media-breakpoint-up(lg) {
3319
- @include gl-flex-direction-column;
3327
+ flex-direction: column !important;
3320
3328
  }
3321
3329
  }
3322
3330
 
@@ -3332,14 +3340,6 @@
3332
3340
  }
3333
3341
  }
3334
3342
 
3335
- .gl-flex-direction-column {
3336
- flex-direction: column;
3337
- }
3338
-
3339
- .gl-flex-direction-column\! {
3340
- flex-direction: column !important;
3341
- }
3342
-
3343
3343
  .gl-flex-direction-column-reverse {
3344
3344
  flex-direction: column-reverse;
3345
3345
  }
package/src/scss/utility-mixins/flex.scss CHANGED
@@ -132,6 +132,10 @@
132
132
  flex-wrap: nowrap;
133
133
  }
134
134
 
135
+ @mixin gl-flex-direction-column {
136
+ flex-direction: column;
137
+ }
138
+
135
139
  @mixin gl-sm-flex-direction-column {
136
140
  // stylelint-disable-next-line @gitlab/no-gl-media-breakpoint-down
137
141
  @include gl-media-breakpoint-down(md) {
@@ -158,10 +162,6 @@
158
162
  }
159
163
  }
160
164
 
161
- @mixin gl-flex-direction-column {
162
- flex-direction: column;
163
- }
164
-
165
165
  @mixin gl-flex-direction-column-reverse {
166
166
  flex-direction: column-reverse;
167
167
  }