86 lines
1.4 KiB
SCSS
86 lines
1.4 KiB
SCSS
$padding-levels: (
|
|
'0': 0,
|
|
'0\\.5': 0.125rem,
|
|
'1': 0.25rem,
|
|
'1\\.5': 0.375rem,
|
|
'2': 0.5rem,
|
|
'2\\.5': 0.625rem,
|
|
'3': 0.75rem,
|
|
'3\\.5': 0.875rem,
|
|
'4': 1rem,
|
|
'5': 1.25rem,
|
|
'6': 1.5rem,
|
|
'7': 1.75rem,
|
|
'8': 2rem,
|
|
'9': 2.25rem,
|
|
'10': 2.5rem,
|
|
'11': 2.75rem,
|
|
'12': 3rem,
|
|
'14': 3.5rem,
|
|
'16': 4rem,
|
|
'20': 5rem,
|
|
'24': 6rem,
|
|
'28': 7rem,
|
|
'32': 8rem,
|
|
'36': 9rem,
|
|
'40': 10rem,
|
|
'44': 11rem,
|
|
'48': 12rem,
|
|
'52': 13rem,
|
|
'56': 14rem,
|
|
'60': 15rem,
|
|
'64': 16rem,
|
|
'72': 18rem,
|
|
'80': 20rem,
|
|
'96': 24rem,
|
|
);
|
|
|
|
@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;
|
|
}
|
|
}
|