50 lines
676 B
SCSS
50 lines
676 B
SCSS
|
$sizes: (0, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 48, 60, 64, 72, 80, 96, 120);
|
||
|
|
|
||
|
|
// paddings
|
||
|
|
.u-p--0 {
|
||
|
|
padding: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
@each $size in $sizes {
|
||
|
|
.u-pt--#{$size} {
|
||
|
|
padding-top: #{$size}px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-pr--#{$size} {
|
||
|
|
padding-right: #{$size}px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-pb--#{$size} {
|
||
|
|
padding-bottom: #{$size}px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-pl--#{$size} {
|
||
|
|
padding-left: #{$size}px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Margins
|
||
|
|
.u-m--0 {
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
@each $size in $sizes {
|
||
|
|
.u-mt--#{$size} {
|
||
|
|
margin-top: #{$size}px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-mr--#{$size} {
|
||
|
|
margin-right: #{$size}px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-mb--#{$size} {
|
||
|
|
margin-bottom: #{$size}px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.u-ml--#{$size} {
|
||
|
|
margin-left: #{$size}px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|