tentakelfabrik
/
crispy-css
1
0
Fork 0
Code Issues 1 Pull Requests 0 Releases 1 Wiki Activity
Lightweight CSS Framework for Building Apps and Websites https://crispy-css.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 Commits
2 Branches
1.9 MiB
Tree: 1222e5432d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '1222e5432d'
${ noResults }
crispy-css/scss/components/_margin.scss

47 lines
728 B
Raw Normal View History

adding
7 years ago
​
​
​
​
​
​
​
​
​
bugfix
7 years ago
​
​
adding
7 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. /**
  2.  * margin
  3.  *
  4.  * modificators for margin
  5.  *
  6.  *
  7.  * @author Björn Hase
  8.  *
  9.  */
  10. 

  11. 

  12. $margin-top: pxToEm(5px) !default;
  13. $margin-bottom: pxToEm(20px) !default;
  14. 

  15. @mixin crispy-boilerplate-margin() {
  16.     .--margin-top-y0 {
  17.         margin-top: 0;
  18.     }
  19. 

  20.     .--margin-top-y1 {
  21.         margin-top: $margin-top;
  22.     }
  23. 

  24.     .--margin-top-y2 {
  25.         margin-top: $margin-top * 2;
  26.     }
  27. 

  28.     .--margin-top-y3 {
  29.         margin-top: $margin-top * 3;
  30.     }
  31. 

  32.     .--margin-bottom-y0 {
  33.         margin-bottom: 0;
  34.     }
  35. 

  36.     .--margin-bottom-y1 {
  37.         margin-bottom: $margin-bottom;
  38.     }
  39. 

  40.     .--margin-bottom-y2 {
  41.         margin-bottom: $margin-bottom * 2;
  42.     }
  43. 

  44.     .--margin-bottom-y3 {
  45.         margin-bottom: $margin-bottom * 3;
  46.     }
  47. }