40 lines
523 B
SCSS
40 lines
523 B
SCSS
$start: 0;
|
|
$end: 50;
|
|
|
|
@for $i from $start through $end {
|
|
.pad-#{$i} {
|
|
padding: #{$i}px;
|
|
}
|
|
|
|
.pad-t-#{$i} {
|
|
padding-top: #{$i}px;
|
|
}
|
|
.pad-r-#{$i} {
|
|
padding-right: #{$i}px;
|
|
}
|
|
.pad-b-#{$i} {
|
|
padding-bottom: #{$i}px;
|
|
}
|
|
.pad-l-#{$i} {
|
|
padding-left: #{$i}px;
|
|
}
|
|
}
|
|
|
|
@for $i from $start through $end {
|
|
.mar-#{$i} {
|
|
margin: #{$i}px;
|
|
}
|
|
|
|
.mar-t-#{$i} {
|
|
margin-top: #{$i}px;
|
|
}
|
|
.mar-r-#{$i} {
|
|
margin-right: #{$i}px;
|
|
}
|
|
.mar-b-#{$i} {
|
|
margin-bottom: #{$i}px;
|
|
}
|
|
.mar-l-#{$i} {
|
|
margin-left: #{$i}px;
|
|
}
|
|
} |