wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

redo spacers

Browse source
This commit is contained in:
Jon McClure 2023-07-08 16:10:25 +01:00
parent cefae20c99
commit 27c450e1af
4 changed files with 147 additions and 84 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
src/scss/spacers/_margin.scss Normal file
View file

@ -0,0 +1,84 @@
$margin-levels: (
'0': 0,
'1': 1rem,
'2': 2rem,
'3': 3rem,
'4': 4rem,
'5': 5rem,
'6': 6rem,
'7': 7rem,
'8': 8rem,
) !default;
@each $level, $value in $margin-levels {
.m-#{$level} {
margin: $value;
}
.mt-#{$level} {
margin-top: $value;
}
.mr-#{$level} {
margin-right: $value;
}
.mb-#{$level} {
margin-bottom: $value;
}
.ml-#{$level} {
margin-left: $value;
}
.mx-#{$level} {
margin-right: $value;
margin-left: $value;
}
.my-#{$level} {
margin-top: $value;
margin-bottom: $value;
}
.\!m-#{$level} {
margin: $value !important;
}
.\!mt-#{$level} {
margin-top: $value !important;
}
.\!mr-#{$level} {
margin-right: $value !important;
}
.\!mb-#{$level} {
margin-bottom: $value !important;
}
.\!ml-#{$level} {
margin-left: $value !important;
}
.\!mx-#{$level} {
margin-right: $value !important;
margin-left: $value !important;
}
.\!my-#{$level} {
margin-top: $value !important;
margin-bottom: $value !important;
}
}
.m-auto {
margin: auto;
}
.mx-auto {
margin-right: auto;
margin-left: auto;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.\!m-auto {
margin: auto !important;
}
.\!mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.\!my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}

61
src/scss/spacers/_padding.scss Normal file
View file

@ -0,0 +1,61 @@
$padding-levels: (
'0': 0,
'1': 0.5rem,
'2': 1rem,
'3': 1.75rem,
'4': 2.25rem,
'5': 3rem,
'6': 4rem,
'7': 5rem,
'8': 6rem,
) !default;
@each $level, $value in $padding-levels {
.p-#{$level} {
padding: $value;
}
.pt-#{$level} {
padding-top: $value;
}
.pr-#{$level} {
padding-right: $value;
}
.pb-#{$level} {
padding-bottom: $value;
}
.pl-#{$level} {
padding-left: $value;
}
.px-#{$level} {
padding-right: $value;
padding-left: $value;
}
.py-#{$level} {
padding-top: $value;
padding-bottom: $value;
}
.\!p-#{$level} {
padding: $value !important;
}
.\!pt-#{$level} {
padding-top: $value !important;
}
.\!pr-#{$level} {
padding-right: $value !important;
}
.\!pb-#{$level} {
padding-bottom: $value !important;
}
.\!pl-#{$level} {
padding-left: $value !important;
}
.\!px-#{$level} {
padding-right: $value !important;
padding-left: $value !important;
}
.\!py-#{$level} {
padding-top: $value !important;
padding-bottom: $value !important;
}
}

67
src/scss/spacers/_rules.scss
View file

@ -1,65 +1,2 @@
@import 'variables';
@each $level, $value in $margin-levels {
.m-#{$level} {
margin: $value !important;
}
.mt-#{$level} {
margin-top: $value !important;
}
.mr-#{$level} {
margin-right: $value !important;
}
.mb-#{$level} {
margin-bottom: $value !important;
}
.ml-#{$level} {
margin-left: $value !important;
}
.mx-#{$level} {
margin-right: $value !important;
margin-left: $value !important;
}
.my-#{$level} {
margin-top: $value !important;
margin-bottom: $value !important;
}
}
.m-auto {
margin: auto !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
@each $level, $value in $padding-levels {
.p-#{$level} {
padding: $value !important;
}
.pt-#{$level} {
padding-top: $value !important;
}
.pr-#{$level} {
padding-right: $value !important;
}
.pb-#{$level} {
padding-bottom: $value !important;
}
.pl-#{$level} {
padding-left: $value !important;
}
.px-#{$level} {
padding-right: $value !important;
padding-left: $value !important;
}
.py-#{$level} {
padding-top: $value !important;
padding-bottom: $value !important;
}
}
@import 'margin';
@import 'padding';

19
src/scss/spacers/_variables.scss
View file

@ -1,19 +0,0 @@
$margin-levels: (
'0': 0,
'1': 1rem,
'2': 2rem,
'3': 3rem,
'4': 4rem,
'5': 5rem,
'6': 6rem,
) !default;
$padding-levels: (
'0': 0,
'1': 0.5rem,
'2': 1rem,
'3': 1.75rem,
'4': 2.25rem,
'5': 3rem,
'6': 4rem,
) !default;