From c0338cd72eb0e48e39d4b6329b7214b0dff2677b Mon Sep 17 00:00:00 2001 From: timotheegoguely Date: Wed, 9 Oct 2024 18:21:37 +0200 Subject: [PATCH] Update spacing utility classes order --- src/assets/css/src/3.utilities.spacing.css | 74 +++++++++++----------- 1 file changed, 37 insertions(+), 37 deletions(-) diff --git a/src/assets/css/src/3.utilities.spacing.css b/src/assets/css/src/3.utilities.spacing.css index 058bcfb..b7fc392 100644 --- a/src/assets/css/src/3.utilities.spacing.css +++ b/src/assets/css/src/3.utilities.spacing.css @@ -4,6 +4,22 @@ .m-0 { margin: 0 } +.mx-auto { margin-left: auto ; margin-right: auto } +.mx-px { margin-left: 1px ; margin-right: 1px } +.mx-4 { margin-left: var(--space-4) ; margin-right: var(--space-4) } +.mx-8 { margin-left: var(--space-8) ; margin-right: var(--space-8) } +.mx-12 { margin-left: var(--space-12); margin-right: var(--space-12) } +.mx-16 { margin-left: var(--space-16); margin-right: var(--space-16) } +.mx-24 { margin-left: var(--space-24); margin-right: var(--space-24) } +.mx-32 { margin-left: var(--space-32); margin-right: var(--space-32) } + +.my-4 { margin-top: var(--space-4) ; margin-bottom: var(--space-4) } +.my-8 { margin-top: var(--space-8) ; margin-bottom: var(--space-8) } +.my-12 { margin-top: var(--space-12); margin-bottom: var(--space-12) } +.my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16) } +.my-24 { margin-top: var(--space-24); margin-bottom: var(--space-24) } +.my-32 { margin-top: var(--space-32); margin-bottom: var(--space-32) } + .mb-auto { margin-bottom: auto } .mb-0 { margin-bottom: 0 } .mb-4 { margin-bottom: var(--space-4) } @@ -37,25 +53,30 @@ .mt-24 { margin-top: var(--space-24) } .mt-32 { margin-top: var(--space-32) } -.mx-auto { margin-left: auto ; margin-right: auto } -.mx-px { margin-left: 1px ; margin-right: 1px } -.mx-4 { margin-left: var(--space-4) ; margin-right: var(--space-4) } -.mx-8 { margin-left: var(--space-8) ; margin-right: var(--space-8) } -.mx-12 { margin-left: var(--space-12); margin-right: var(--space-12) } -.mx-16 { margin-left: var(--space-16); margin-right: var(--space-16) } -.mx-24 { margin-left: var(--space-24); margin-right: var(--space-24) } -.mx-32 { margin-left: var(--space-32); margin-right: var(--space-32) } - -.my-4 { margin-top: var(--space-4) ; margin-bottom: var(--space-4) } -.my-8 { margin-top: var(--space-8) ; margin-bottom: var(--space-8) } -.my-12 { margin-top: var(--space-12); margin-bottom: var(--space-12) } -.my-16 { margin-top: var(--space-16); margin-bottom: var(--space-16) } -.my-24 { margin-top: var(--space-24); margin-bottom: var(--space-24) } -.my-32 { margin-top: var(--space-32); margin-bottom: var(--space-32) } - /* Padding */ +.p-4 { padding: var(--space-4) } +.p-8 { padding: var(--space-8) } +.p-12 { padding: var(--space-12) } +.p-16 { padding: var(--space-16) } +.p-24 { padding: var(--space-24) } +.p-32 { padding: var(--space-32) } + +.px-4 { padding-left: var(--space-4) ; padding-right: var(--space-4) } +.px-8 { padding-left: var(--space-8) ; padding-right: var(--space-8) } +.px-12 { padding-left: var(--space-12); padding-right: var(--space-12) } +.px-16 { padding-left: var(--space-16); padding-right: var(--space-16) } +.px-24 { padding-left: var(--space-24); padding-right: var(--space-24) } +.px-32 { padding-left: var(--space-32); padding-right: var(--space-32) } + +.py-4 { padding-top: var(--space-4) ; padding-bottom: var(--space-4) } +.py-8 { padding-top: var(--space-8) ; padding-bottom: var(--space-8) } +.py-12 { padding-top: var(--space-12); padding-bottom: var(--space-12) } +.py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16) } +.py-24 { padding-top: var(--space-24); padding-bottom: var(--space-24) } +.py-32 { padding-top: var(--space-32); padding-bottom: var(--space-32) } + .pl-0 { padding-left: 0 } .pt-4 { padding-top: var(--space-4) } @@ -73,24 +94,3 @@ .pb-16 { padding-bottom: var(--space-16) } .pb-24 { padding-bottom: var(--space-24) } .pb-32 { padding-bottom: var(--space-32) } - -.px-4 { padding-left: var(--space-4) ; padding-right: var(--space-4) } -.px-8 { padding-left: var(--space-8) ; padding-right: var(--space-8) } -.px-12 { padding-left: var(--space-12); padding-right: var(--space-12) } -.px-16 { padding-left: var(--space-16); padding-right: var(--space-16) } -.px-24 { padding-left: var(--space-24); padding-right: var(--space-24) } -.px-32 { padding-left: var(--space-32); padding-right: var(--space-32) } - -.py-4 { padding-top: var(--space-4) ; padding-bottom: var(--space-4) } -.py-8 { padding-top: var(--space-8) ; padding-bottom: var(--space-8) } -.py-12 { padding-top: var(--space-12); padding-bottom: var(--space-12) } -.py-16 { padding-top: var(--space-16); padding-bottom: var(--space-16) } -.py-24 { padding-top: var(--space-24); padding-bottom: var(--space-24) } -.py-32 { padding-top: var(--space-32); padding-bottom: var(--space-32) } - -.p-4 { padding: var(--space-4) } -.p-8 { padding: var(--space-8) } -.p-12 { padding: var(--space-12) } -.p-16 { padding: var(--space-16) } -.p-24 { padding: var(--space-24) } -.p-32 { padding: var(--space-32) }