@sysvale/cuida 3.133.0 → 3.134.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.
|
@@ -611,6 +611,14 @@ $z-index: map-merge(
|
|
|
611
611
|
$z-index
|
|
612
612
|
);
|
|
613
613
|
|
|
614
|
+
.z-index-sunk { $z-index-sunk: -1000; }
|
|
615
|
+
.z-index-base { $z-index-base: 0; }
|
|
616
|
+
.z-index-backdrop { $z-index-backdrop: 1000; }
|
|
617
|
+
.z-index-toolbar { $z-index-toolbar: 2000; }
|
|
618
|
+
.z-index-sidesheet { $z-index-sidesheet: 2500; }
|
|
619
|
+
.z-index-modal { $z-index-modal: 3000; }
|
|
620
|
+
.z-index-tooltip { $z-index-tooltip: 4000; }
|
|
621
|
+
.z-index-toast { $z-index-toast: 5000; }
|
|
614
622
|
$font-weight-regular: 430;
|
|
615
623
|
$font-weight-semibold: 600;
|
|
616
624
|
$font-weight-bold: 800;
|
|
@@ -670,6 +678,7 @@ $shadows: map-merge(
|
|
|
670
678
|
$shadows
|
|
671
679
|
);
|
|
672
680
|
|
|
681
|
+
$token-values: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12;
|
|
673
682
|
$spacers: 0, .25, .5, .75, 1, 1.25, 1.5, 1.75, 2, 2.25, 2.5, 2.75, 3;
|
|
674
683
|
$rem: 16px;
|
|
675
684
|
|
|
@@ -796,6 +805,49 @@ $rem: 16px;
|
|
|
796
805
|
@function mYX($n1, $n2) {
|
|
797
806
|
@return getSpacerValue($n1) getSpacerValue($n2);
|
|
798
807
|
}
|
|
808
|
+
|
|
809
|
+
@each $value in $token-values {
|
|
810
|
+
.mt-#{$value} {
|
|
811
|
+
margin-top: $value * 4px;
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
.mr-#{$value} {
|
|
815
|
+
margin-right: $value * 4px;
|
|
816
|
+
}
|
|
817
|
+
|
|
818
|
+
.mb-#{$value} {
|
|
819
|
+
margin-bottom: $value * 4px;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
.ml-#{$value} {
|
|
823
|
+
margin-left: $value * 4px;
|
|
824
|
+
}
|
|
825
|
+
|
|
826
|
+
.ma-#{$value} {
|
|
827
|
+
margin: $value * 4px;
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
|
|
831
|
+
.pt-#{$value} {
|
|
832
|
+
padding-top: $value * 4px;
|
|
833
|
+
}
|
|
834
|
+
|
|
835
|
+
.pr-#{$value} {
|
|
836
|
+
padding-right: $value * 4px;
|
|
837
|
+
}
|
|
838
|
+
|
|
839
|
+
.pb-#{$value} {
|
|
840
|
+
padding-bottom: $value * 4px;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
.pl-#{$value} {
|
|
844
|
+
padding-left: $value * 4px;
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
.pa-#{$value} {
|
|
848
|
+
padding: $value * 4px;
|
|
849
|
+
}
|
|
850
|
+
}
|
|
799
851
|
$interaction: all .2s ease-in-out;
|
|
800
852
|
$hover: all .3s ease-in-out;
|
|
801
853
|
$opening: all .4s ease-in-out;
|