studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Update spacing utility classes order

Browse source
This commit is contained in:
Timothée Goguely 2024-10-09 18:21:37 +02:00
parent 12382aaf5b
commit c0338cd72e
1 changed files with 37 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/assets/css/src/3.utilities.spacing.css
View file

@ -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) }