rayelliott
/
gulp-web
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add all margin spacing to mixins

This commit is contained in:
Ray Elliott 2020-05-24 14:56:55 +01:00
parent 05053c1b68
commit d08c29633c
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/scss/_mixins.scss
View File

@ -17,6 +17,13 @@
@include margin-b($bottom); @include margin-b($bottom);
} }
@mixin margin($amount-t, $amount-r: $amount-t, $amount-b: $amount-t, $amount-l: $amount-r) {
margin: #{$amount-t * $line-height}rem
#{$amount-r * $line-height}rem
#{$amount-b * $line-height}rem
#{$amount-l * $line-height}rem;
}
@mixin pad-t($amount) { @mixin pad-t($amount) {
padding-top: #{$amount * $line-height}rem; padding-top: #{$amount * $line-height}rem;
} }