@gitlab/ui 74.6.0 → 74.7.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/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +1 -1
- package/dist/tokens/js/tokens.dark.js +1 -1
- package/dist/tokens/js/tokens.js +1 -1
- package/dist/tokens/scss/_tokens.dark.scss +1 -1
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/utilities.scss +24 -0
- package/src/scss/utility-mixins/background.scss +4 -0
- package/src/scss/utility-mixins/border.scss +4 -0
- package/src/scss/utility-mixins/color.scss +4 -0
package/package.json
CHANGED
package/src/scss/utilities.scss
CHANGED
|
@@ -481,6 +481,14 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
481
481
|
background-color: $purple-50 !important
|
|
482
482
|
}
|
|
483
483
|
|
|
484
|
+
.gl-bg-purple-500 {
|
|
485
|
+
background-color: $purple-500
|
|
486
|
+
}
|
|
487
|
+
|
|
488
|
+
.gl-bg-purple-500\! {
|
|
489
|
+
background-color: $purple-500 !important
|
|
490
|
+
}
|
|
491
|
+
|
|
484
492
|
.gl-bg-purple-800 {
|
|
485
493
|
background-color: $purple-800
|
|
486
494
|
}
|
|
@@ -1388,6 +1396,14 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
1388
1396
|
border-color: $purple-300 !important;
|
|
1389
1397
|
}
|
|
1390
1398
|
|
|
1399
|
+
.gl-border-purple-500 {
|
|
1400
|
+
border-color: $purple-500;
|
|
1401
|
+
}
|
|
1402
|
+
|
|
1403
|
+
.gl-border-purple-500\! {
|
|
1404
|
+
border-color: $purple-500 !important;
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1391
1407
|
.gl-border-purple-700 {
|
|
1392
1408
|
border-color: $purple-700;
|
|
1393
1409
|
}
|
|
@@ -2816,6 +2832,14 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
|
|
|
2816
2832
|
color: $red-900 !important;
|
|
2817
2833
|
}
|
|
2818
2834
|
|
|
2835
|
+
.gl-text-purple-500 {
|
|
2836
|
+
color: $purple-500;
|
|
2837
|
+
}
|
|
2838
|
+
|
|
2839
|
+
.gl-text-purple-500\! {
|
|
2840
|
+
color: $purple-500 !important;
|
|
2841
|
+
}
|
|
2842
|
+
|
|
2819
2843
|
.gl-text-purple-600 {
|
|
2820
2844
|
color: $purple-600;
|
|
2821
2845
|
}
|