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.
15 Commits
2 Branches
1.9 MiB
Tree: 2d505a9080
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '2d505a9080'
${ noResults }
crispy-css/scss/components/_margin.scss

49 lines
751 B
Raw Normal View History

adding
7 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. @import
  2.     '../mixins/units';
  3. 

  4. /**
  5.  * margin
  6.  *
  7.  * modificators for margin
  8.  *
  9.  *
  10.  * @author Björn Hase
  11.  *
  12.  */
  13. 

  14. $margin-top: em(5px) !default;
  15. $margin-bottom: em(20px) !default;
  16. 

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

  22.     .--margin-top-y1 {
  23.         margin-top: $margin-top;
  24.     }
  25. 

  26.     .--margin-top-y2 {
  27.         margin-top: $margin-top * 2;
  28.     }
  29. 

  30.     .--margin-top-y3 {
  31.         margin-top: $margin-top * 3;
  32.     }
  33. 

  34.     .--margin-bottom-y0 {
  35.         margin-bottom: 0;
  36.     }
  37. 

  38.     .--margin-bottom-y1 {
  39.         margin-bottom: $margin-bottom;
  40.     }
  41. 

  42.     .--margin-bottom-y2 {
  43.         margin-bottom: $margin-bottom * 2;
  44.     }
  45. 

  46.     .--margin-bottom-y3 {
  47.         margin-bottom: $margin-bottom * 3;
  48.     }
  49. }