@gitlab/ui 63.3.0 → 63.4.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
|
@@ -6745,18 +6745,90 @@
|
|
|
6745
6745
|
.gl-gap-7\! {
|
|
6746
6746
|
gap: $gl-spacing-scale-7 !important;
|
|
6747
6747
|
}
|
|
6748
|
+
.gl-column-gap-1 {
|
|
6749
|
+
column-gap: $gl-spacing-scale-1;
|
|
6750
|
+
}
|
|
6751
|
+
.gl-column-gap-1\! {
|
|
6752
|
+
column-gap: $gl-spacing-scale-1 !important;
|
|
6753
|
+
}
|
|
6754
|
+
.gl-column-gap-2 {
|
|
6755
|
+
column-gap: $gl-spacing-scale-2;
|
|
6756
|
+
}
|
|
6757
|
+
.gl-column-gap-2\! {
|
|
6758
|
+
column-gap: $gl-spacing-scale-2 !important;
|
|
6759
|
+
}
|
|
6760
|
+
.gl-column-gap-3 {
|
|
6761
|
+
column-gap: $gl-spacing-scale-3;
|
|
6762
|
+
}
|
|
6763
|
+
.gl-column-gap-3\! {
|
|
6764
|
+
column-gap: $gl-spacing-scale-3 !important;
|
|
6765
|
+
}
|
|
6766
|
+
.gl-column-gap-4 {
|
|
6767
|
+
column-gap: $gl-spacing-scale-4;
|
|
6768
|
+
}
|
|
6769
|
+
.gl-column-gap-4\! {
|
|
6770
|
+
column-gap: $gl-spacing-scale-4 !important;
|
|
6771
|
+
}
|
|
6772
|
+
.gl-column-gap-5 {
|
|
6773
|
+
column-gap: $gl-spacing-scale-5;
|
|
6774
|
+
}
|
|
6775
|
+
.gl-column-gap-5\! {
|
|
6776
|
+
column-gap: $gl-spacing-scale-5 !important;
|
|
6777
|
+
}
|
|
6748
6778
|
.gl-column-gap-6 {
|
|
6749
6779
|
column-gap: $gl-spacing-scale-6;
|
|
6750
6780
|
}
|
|
6751
6781
|
.gl-column-gap-6\! {
|
|
6752
6782
|
column-gap: $gl-spacing-scale-6 !important;
|
|
6753
6783
|
}
|
|
6784
|
+
.gl-column-gap-7 {
|
|
6785
|
+
column-gap: $gl-spacing-scale-7;
|
|
6786
|
+
}
|
|
6787
|
+
.gl-column-gap-7\! {
|
|
6788
|
+
column-gap: $gl-spacing-scale-7 !important;
|
|
6789
|
+
}
|
|
6790
|
+
.gl-row-gap-1 {
|
|
6791
|
+
row-gap: $gl-spacing-scale-1;
|
|
6792
|
+
}
|
|
6793
|
+
.gl-row-gap-1\! {
|
|
6794
|
+
row-gap: $gl-spacing-scale-1 !important;
|
|
6795
|
+
}
|
|
6796
|
+
.gl-row-gap-2 {
|
|
6797
|
+
row-gap: $gl-spacing-scale-2;
|
|
6798
|
+
}
|
|
6799
|
+
.gl-row-gap-2\! {
|
|
6800
|
+
row-gap: $gl-spacing-scale-2 !important;
|
|
6801
|
+
}
|
|
6802
|
+
.gl-row-gap-3 {
|
|
6803
|
+
row-gap: $gl-spacing-scale-3;
|
|
6804
|
+
}
|
|
6805
|
+
.gl-row-gap-3\! {
|
|
6806
|
+
row-gap: $gl-spacing-scale-3 !important;
|
|
6807
|
+
}
|
|
6808
|
+
.gl-row-gap-4 {
|
|
6809
|
+
row-gap: $gl-spacing-scale-4;
|
|
6810
|
+
}
|
|
6811
|
+
.gl-row-gap-4\! {
|
|
6812
|
+
row-gap: $gl-spacing-scale-4 !important;
|
|
6813
|
+
}
|
|
6814
|
+
.gl-row-gap-5 {
|
|
6815
|
+
row-gap: $gl-spacing-scale-5;
|
|
6816
|
+
}
|
|
6817
|
+
.gl-row-gap-5\! {
|
|
6818
|
+
row-gap: $gl-spacing-scale-5 !important;
|
|
6819
|
+
}
|
|
6754
6820
|
.gl-row-gap-6 {
|
|
6755
6821
|
row-gap: $gl-spacing-scale-6;
|
|
6756
6822
|
}
|
|
6757
6823
|
.gl-row-gap-6\! {
|
|
6758
6824
|
row-gap: $gl-spacing-scale-6 !important;
|
|
6759
6825
|
}
|
|
6826
|
+
.gl-row-gap-7 {
|
|
6827
|
+
row-gap: $gl-spacing-scale-7;
|
|
6828
|
+
}
|
|
6829
|
+
.gl-row-gap-7\! {
|
|
6830
|
+
row-gap: $gl-spacing-scale-7 !important;
|
|
6831
|
+
}
|
|
6760
6832
|
.gl-xs-mb-3 {
|
|
6761
6833
|
@include gl-media-breakpoint-down(sm) {
|
|
6762
6834
|
margin-bottom: $gl-spacing-scale-3;
|
|
@@ -886,10 +886,34 @@
|
|
|
886
886
|
* - Utilities should strictly follow $gl-spacing-scale
|
|
887
887
|
*/
|
|
888
888
|
|
|
889
|
+
@mixin gl-column-gap-1 {
|
|
890
|
+
column-gap: $gl-spacing-scale-1;
|
|
891
|
+
}
|
|
892
|
+
|
|
893
|
+
@mixin gl-column-gap-2 {
|
|
894
|
+
column-gap: $gl-spacing-scale-2;
|
|
895
|
+
}
|
|
896
|
+
|
|
897
|
+
@mixin gl-column-gap-3 {
|
|
898
|
+
column-gap: $gl-spacing-scale-3;
|
|
899
|
+
}
|
|
900
|
+
|
|
901
|
+
@mixin gl-column-gap-4 {
|
|
902
|
+
column-gap: $gl-spacing-scale-4;
|
|
903
|
+
}
|
|
904
|
+
|
|
905
|
+
@mixin gl-column-gap-5 {
|
|
906
|
+
column-gap: $gl-spacing-scale-5;
|
|
907
|
+
}
|
|
908
|
+
|
|
889
909
|
@mixin gl-column-gap-6 {
|
|
890
910
|
column-gap: $gl-spacing-scale-6;
|
|
891
911
|
}
|
|
892
912
|
|
|
913
|
+
@mixin gl-column-gap-7 {
|
|
914
|
+
column-gap: $gl-spacing-scale-7;
|
|
915
|
+
}
|
|
916
|
+
|
|
893
917
|
/**
|
|
894
918
|
* Row gap utilities
|
|
895
919
|
*
|
|
@@ -898,10 +922,34 @@
|
|
|
898
922
|
* - Utilities should strictly follow $gl-spacing-scale
|
|
899
923
|
*/
|
|
900
924
|
|
|
925
|
+
@mixin gl-row-gap-1 {
|
|
926
|
+
row-gap: $gl-spacing-scale-1;
|
|
927
|
+
}
|
|
928
|
+
|
|
929
|
+
@mixin gl-row-gap-2 {
|
|
930
|
+
row-gap: $gl-spacing-scale-2;
|
|
931
|
+
}
|
|
932
|
+
|
|
933
|
+
@mixin gl-row-gap-3 {
|
|
934
|
+
row-gap: $gl-spacing-scale-3;
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
@mixin gl-row-gap-4 {
|
|
938
|
+
row-gap: $gl-spacing-scale-4;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
@mixin gl-row-gap-5 {
|
|
942
|
+
row-gap: $gl-spacing-scale-5;
|
|
943
|
+
}
|
|
944
|
+
|
|
901
945
|
@mixin gl-row-gap-6 {
|
|
902
946
|
row-gap: $gl-spacing-scale-6;
|
|
903
947
|
}
|
|
904
948
|
|
|
949
|
+
@mixin gl-row-gap-7 {
|
|
950
|
+
row-gap: $gl-spacing-scale-7;
|
|
951
|
+
}
|
|
952
|
+
|
|
905
953
|
/**
|
|
906
954
|
* Responsive margin utilities.
|
|
907
955
|
*
|