@gitlab/ui 37.9.1 → 37.10.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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "37.9.1",
3
+ "version": "37.10.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -3348,27 +3348,59 @@
3348
3348
  order: -1 !important;
3349
3349
  }
3350
3350
  .gl-grid-tpl-rows-auto {
3351
- grid-template-rows: auto
3351
+ grid-template-rows: auto;
3352
3352
  }
3353
3353
 
3354
3354
  .gl-grid-tpl-rows-auto\! {
3355
- grid-template-rows: auto !important
3355
+ grid-template-rows: auto !important;
3356
3356
  }
3357
3357
 
3358
3358
  .gl-grid-col-start-1 {
3359
- grid-column-start: 1
3359
+ grid-column-start: 1;
3360
3360
  }
3361
3361
 
3362
3362
  .gl-grid-col-start-1\! {
3363
- grid-column-start: 1 !important
3363
+ grid-column-start: 1 !important;
3364
3364
  }
3365
3365
 
3366
3366
  .gl-grid-template-columns-2 {
3367
- grid-template-columns: 1fr 1fr
3367
+ grid-template-columns: 1fr 1fr;
3368
3368
  }
3369
3369
 
3370
3370
  .gl-grid-template-columns-2\! {
3371
- grid-template-columns: 1fr 1fr !important
3371
+ grid-template-columns: 1fr 1fr !important;
3372
+ }
3373
+
3374
+ .gl-sm-grid-template-columns-2 {
3375
+ @include gl-media-breakpoint-up(sm) {
3376
+ grid-template-columns: 1fr 1fr;
3377
+ }
3378
+ }
3379
+
3380
+ .gl-sm-grid-template-columns-2\! {
3381
+ @include gl-media-breakpoint-up(sm) {
3382
+ grid-template-columns: 1fr 1fr !important;
3383
+ }
3384
+ }
3385
+
3386
+ .gl-md-grid-template-columns-2 {
3387
+ @include gl-media-breakpoint-up(md) {
3388
+ grid-template-columns: 1fr 1fr;
3389
+ }
3390
+ }
3391
+
3392
+ .gl-md-grid-template-columns-2\! {
3393
+ @include gl-media-breakpoint-up(md) {
3394
+ grid-template-columns: 1fr 1fr !important;
3395
+ }
3396
+ }
3397
+
3398
+ .gl-grid-gap-6 {
3399
+ gap: $gl-spacing-scale-6;
3400
+ }
3401
+
3402
+ .gl-grid-gap-6\! {
3403
+ gap: $gl-spacing-scale-6 !important;
3372
3404
  }
3373
3405
 
3374
3406
  .gl-list-style-none {
@@ -14,3 +14,19 @@
14
14
  @mixin gl-grid-template-columns-2 {
15
15
  grid-template-columns: 1fr 1fr;
16
16
  }
17
+
18
+ @mixin gl-sm-grid-template-columns-2 {
19
+ @include gl-media-breakpoint-up(sm) {
20
+ grid-template-columns: 1fr 1fr;
21
+ }
22
+ }
23
+
24
+ @mixin gl-md-grid-template-columns-2 {
25
+ @include gl-media-breakpoint-up(md) {
26
+ grid-template-columns: 1fr 1fr;
27
+ }
28
+ }
29
+
30
+ @mixin gl-grid-gap-6 {
31
+ gap: $gl-spacing-scale-6;
32
+ }