_variable.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. @include font-face($lato, $file-regular, $family, $category);//1
  2. @include font-face($syne, $file-bold, $family-bold, $category);//2
  3. @include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
  4. @include font-face($playfair, $file-italic, $family-italic, $category);//2
  5. @include font-face($moche, $file-regular2, $family-regular2, $category);//2
  6. @include font-face($rammetto, $file-regular3, $family-regular3, $category);//2
  7. @include font-face($rumeur, $file-regular4, $family-regular4, $category);//2
  8. // font-size
  9. $txt-figli: 2.5rem;
  10. // line-height
  11. $Flhome: 3rem;
  12. $marg: 0.5rem;
  13. $margI: 1rem;
  14. $Wi: 80%;
  15. $Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
  16. $Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
  17. $Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
  18. // mobile
  19. $txt-figli-m: 1.5rem;
  20. // line-height
  21. $Flhome-m: 2rem;
  22. $Wi-m: calc( 100% - 1rem);
  23. $Wi80-m: 80%;
  24. $Wi33-m: calc(( 100% / 3 ) - 0.5rem);
  25. // tablette
  26. $txt-figli-t: 2.5rem;
  27. // line-height
  28. $Flhome-t: 3rem;
  29. // color
  30. $color_publique: #ffaeab;
  31. $color_sociale: #7eff71;
  32. $color_culturelle: #feff74;
  33. $color_commanditaire: #fabbde;
  34. $color_figureslibres: #82f8ee;