fix: adjust size

linspw · linspw · commit d69bff13bfd1 · 2022-06-25T00:35:54.000-03:00
diff --git a/src/styles/utils/utilitary-classes/utilitary-padding-and-margin.scss b/src/styles/utils/utilitary-classes/utilitary-padding-and-margin.scss
@@ -18,50 +18,50 @@ $sizes:
 
 @each $size in $sizes {
   .h-padding--#{$size} {
-    padding: var(--size-scalable-#{$size});
+    padding: var(--size-base-#{$size});
   }
   .h-padding-top--#{$size} {
-    padding-top: var(--size-scalable-#{$size});
+    padding-top: var(--size-base-#{$size});
   }
   .h-padding-right--#{$size} {
-    padding-right: var(--size-scalable-#{$size});
+    padding-right: var(--size-base-#{$size});
   }
   .h-padding-bottom--#{$size} {
-    padding-bottom: var(--size-scalable-#{$size});
+    padding-bottom: var(--size-base-#{$size});
   }
   .h-padding-left--#{$size} {
-    padding-left: var(--size-scalable-#{$size});
+    padding-left: var(--size-base-#{$size});
   }
   .h-padding-vertical--#{$size} {
-    padding-top: var(--size-scalable-#{$size});
-    padding-bottom: var(--size-scalable-#{$size});
+    padding-top: var(--size-base-#{$size});
+    padding-bottom: var(--size-base-#{$size});
   }
   .h-padding-horizontal--#{$size} {
-    padding-right: var(--size-scalable-#{$size});
-    padding-left: var(--size-scalable-#{$size});
+    padding-right: var(--size-base-#{$size});
+    padding-left: var(--size-base-#{$size});
   }
 
   .h-margin--#{$size} {
-    margin: var(--size-scalable-#{$size});
+    margin: var(--size-base-#{$size});
   }
   .h-margin-top--#{$size} {
-    margin-top: var(--size-scalable-#{$size});
+    margin-top: var(--size-base-#{$size});
   }
   .h-margin-right--#{$size} {
-    margin-right: var(--size-scalable-#{$size});
+    margin-right: var(--size-base-#{$size});
   }
   .h-margin-bottom--#{$size} {
-    margin-bottom: var(--size-scalable-#{$size});
+    margin-bottom: var(--size-base-#{$size});
   }
   .h-margin-left--#{$size} {
-    margin-left: var(--size-scalable-#{$size});
+    margin-left: var(--size-base-#{$size});
   }
   .h-margin-vertical--#{$size} {
-    margin-top: var(--size-scalable-#{$size});
-    margin-bottom: var(--size-scalable-#{$size});
+    margin-top: var(--size-base-#{$size});
+    margin-bottom: var(--size-base-#{$size});
   }
   .h-margin-horizontal--#{$size} {
-    margin-right: var(--size-scalable-#{$size});
-    margin-left: var(--size-scalable-#{$size});
+    margin-right: var(--size-base-#{$size});
+    margin-left: var(--size-base-#{$size});
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -18,50 +18,50 @@ $sizes:`
`18`	`18`
`19`	`19`	`@each $size in $sizes {`
`20`	`20`	`.h-padding--#{$size} {`
`21`		`- padding: var(--size-scalable-#{$size});`
	`21`	`+ padding: var(--size-base-#{$size});`
`22`	`22`	`}`
`23`	`23`	`.h-padding-top--#{$size} {`
`24`		`- padding-top: var(--size-scalable-#{$size});`
	`24`	`+ padding-top: var(--size-base-#{$size});`
`25`	`25`	`}`
`26`	`26`	`.h-padding-right--#{$size} {`
`27`		`- padding-right: var(--size-scalable-#{$size});`
	`27`	`+ padding-right: var(--size-base-#{$size});`
`28`	`28`	`}`
`29`	`29`	`.h-padding-bottom--#{$size} {`
`30`		`- padding-bottom: var(--size-scalable-#{$size});`
	`30`	`+ padding-bottom: var(--size-base-#{$size});`
`31`	`31`	`}`
`32`	`32`	`.h-padding-left--#{$size} {`
`33`		`- padding-left: var(--size-scalable-#{$size});`
	`33`	`+ padding-left: var(--size-base-#{$size});`
`34`	`34`	`}`
`35`	`35`	`.h-padding-vertical--#{$size} {`
`36`		`- padding-top: var(--size-scalable-#{$size});`
`37`		`- padding-bottom: var(--size-scalable-#{$size});`
	`36`	`+ padding-top: var(--size-base-#{$size});`
	`37`	`+ padding-bottom: var(--size-base-#{$size});`
`38`	`38`	`}`
`39`	`39`	`.h-padding-horizontal--#{$size} {`
`40`		`- padding-right: var(--size-scalable-#{$size});`
`41`		`- padding-left: var(--size-scalable-#{$size});`
	`40`	`+ padding-right: var(--size-base-#{$size});`
	`41`	`+ padding-left: var(--size-base-#{$size});`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`.h-margin--#{$size} {`
`45`		`- margin: var(--size-scalable-#{$size});`
	`45`	`+ margin: var(--size-base-#{$size});`
`46`	`46`	`}`
`47`	`47`	`.h-margin-top--#{$size} {`
`48`		`- margin-top: var(--size-scalable-#{$size});`
	`48`	`+ margin-top: var(--size-base-#{$size});`
`49`	`49`	`}`
`50`	`50`	`.h-margin-right--#{$size} {`
`51`		`- margin-right: var(--size-scalable-#{$size});`
	`51`	`+ margin-right: var(--size-base-#{$size});`
`52`	`52`	`}`
`53`	`53`	`.h-margin-bottom--#{$size} {`
`54`		`- margin-bottom: var(--size-scalable-#{$size});`
	`54`	`+ margin-bottom: var(--size-base-#{$size});`
`55`	`55`	`}`
`56`	`56`	`.h-margin-left--#{$size} {`
`57`		`- margin-left: var(--size-scalable-#{$size});`
	`57`	`+ margin-left: var(--size-base-#{$size});`
`58`	`58`	`}`
`59`	`59`	`.h-margin-vertical--#{$size} {`
`60`		`- margin-top: var(--size-scalable-#{$size});`
`61`		`- margin-bottom: var(--size-scalable-#{$size});`
	`60`	`+ margin-top: var(--size-base-#{$size});`
	`61`	`+ margin-bottom: var(--size-base-#{$size});`
`62`	`62`	`}`
`63`	`63`	`.h-margin-horizontal--#{$size} {`
`64`		`- margin-right: var(--size-scalable-#{$size});`
`65`		`- margin-left: var(--size-scalable-#{$size});`
	`64`	`+ margin-right: var(--size-base-#{$size});`
	`65`	`+ margin-left: var(--size-base-#{$size});`
`66`	`66`	`}`
`67`	`67`	`}`