33 @each $name , $shades in $colors {
44 @each $shade , $value in $shades {
55 .bg-#{$name } -#{$shade } {
6- background-color : #{$value } !important ;
6+ background-color : #{$value } ;
77 }
88 }
99 }
1414 @each $name , $shades in $colors {
1515 @each $shade , $value in $shades {
1616 .text-#{$name } -#{$shade } {
17- color : #{$value } !important ;
17+ color : #{$value } ;
1818 }
1919 }
2020 }
2424@mixin generate-spacing-classes ($scale ) {
2525 @each $key , $val in $scale {
2626 .m-#{$key } {
27- margin : #{$val } !important ;
27+ margin : #{$val } ;
2828 }
2929
3030 .mx-#{$key } {
31- margin-left : #{$val } !important ;
32- margin-right : #{$val } !important ;
31+ margin-left : #{$val } ;
32+ margin-right : #{$val } ;
3333 }
3434
3535 .my-#{$key } {
36- margin-top : #{$val } !important ;
37- margin-bottom : #{$val } !important ;
36+ margin-top : #{$val } ;
37+ margin-bottom : #{$val } ;
3838 }
3939
4040 .mt-#{$key } {
41- margin-top : #{$val } !important ;
41+ margin-top : #{$val } ;
4242 }
4343
4444 .mb-#{$key } {
45- margin-bottom : #{$val } !important ;
45+ margin-bottom : #{$val } ;
4646 }
4747
4848 .ml-#{$key } {
49- margin-left : #{$val } !important ;
49+ margin-left : #{$val } ;
5050 }
5151
5252 .mr-#{$key } {
53- margin-right : #{$val } !important ;
53+ margin-right : #{$val } ;
5454 }
5555
5656 .p-#{$key } {
57- padding : #{$val } !important ;
57+ padding : #{$val } ;
5858 }
5959
6060 .px-#{$key } {
61- padding-left : #{$val } !important ;
62- padding-right : #{$val } !important ;
61+ padding-left : #{$val } ;
62+ padding-right : #{$val } ;
6363 }
6464
6565 .py-#{$key } {
66- padding-top : #{$val } !important ;
67- padding-bottom : #{$val } !important ;
66+ padding-top : #{$val } ;
67+ padding-bottom : #{$val } ;
6868 }
6969
7070 .pt-#{$key } {
71- padding-top : #{$val } !important ;
71+ padding-top : #{$val } ;
7272 }
7373
7474 .pb-#{$key } {
75- padding-bottom : #{$val } !important ;
75+ padding-bottom : #{$val } ;
7676 }
7777
7878 .pl-#{$key } {
79- padding-left : #{$val } !important ;
79+ padding-left : #{$val } ;
8080 }
8181
8282 .pr-#{$key } {
83- padding-right : #{$val } !important ;
83+ padding-right : #{$val } ;
8484 }
8585 }
8686}
9090 @each $name , $val in $radius-scale {
9191 @if $name == DEFAULT {
9292 .rounded {
93- border-radius : #{$val } !important ;
93+ border-radius : #{$val } ;
9494 }
9595 }
9696
9797 @else {
9898 .rounded-#{$name } {
99- border-radius : #{$val } !important ;
99+ border-radius : #{$val } ;
100100 }
101101 }
102102 }
107107 @each $name , $val in $shadow-scale {
108108 @if $name == DEFAULT {
109109 .shadow {
110- box-shadow : #{$val } !important ;
110+ box-shadow : #{$val } ;
111111 }
112112 }
113113
114114 @else {
115115 .shadow-#{$name } {
116- box-shadow : #{$val } !important ;
116+ box-shadow : #{$val } ;
117117 }
118118 }
119119 }
123123@mixin generate-font-size-classes ($font-sizes ) {
124124 @each $name , $val in $font-sizes {
125125 .text-#{$name } {
126- font-size : #{$val } !important ;
126+ font-size : #{$val } ;
127127 }
128128 }
129129}
130130
131131@mixin generate-font-weight-classes ($font-weights ) {
132132 @each $name , $val in $font-weights {
133133 .font- #{" " + $name } {
134- font-weight : #{$val } !important ;
134+ font-weight : #{$val } ;
135135 }
136136 }
137137}
0 commit comments