Guest User

Untitled

a guest
Jan 22nd, 2019
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.08 KB | None | 0 0
  1. @mixin mt($px) { margin-top: $px; }
  2. @mixin mb($px) { margin-bottom: $px; }
  3. @mixin ml($px) { margin-left: $px; }
  4. @mixin mr($px) { margin-right: $px; }
  5. @mixin ma($px) { margin: $px; }
  6. @mixin mx($px) { @include ml($px); @include mr($px); }
  7. @mixin my($px) { @include mt($px); @include mb($px); }
  8. @mixin pt($px) { padding-top: $px; }
  9. @mixin pb($px) { padding-bottom: $px; }
  10. @mixin pl($px) { padding-left: $px; }
  11. @mixin pr($px) { padding-right: $px; }
  12. @mixin pa($px) { padding: $px; }
  13. @mixin px($px) { @include pl($px); @include pr($px); }
  14. @mixin py($px) { @include pt($px); @include pb($px); }
  15.  
  16. @for $l from 0 through 10{
  17. $i: #{$l * 5};
  18. .mt-#{$i}{ @include mt($i+'px'); }
  19. .mb-#{$i}{ @include mb($i+'px'); }
  20. .ml-#{$i}{ @include ml($i+'px'); }
  21. .mr-#{$i}{ @include mr($i+'px'); }
  22. .ma-#{$i}{ @include ma($i+'px'); }
  23. .my-#{$i}{ @include my($i+'px'); }
  24. .pt-#{$i}{ @include pt($i+'px'); }
  25. .pb-#{$i}{ @include pb($i+'px'); }
  26. .pl-#{$i}{ @include pl($i+'px'); }
  27. .pr-#{$i}{ @include pr($i+'px'); }
  28. .pa-#{$i}{ @include pa($i+'px'); }
  29. .py-#{$i}{ @include py($i+'px'); }
  30. }
Add Comment
Please, Sign In to add comment