_variable.scss 915 B

123456789101112131415161718192021222324252627282930313233343536373839
  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. // font-size
  7. $txt-figli: 2.5rem;
  8. // line-height
  9. $Flhome: 3rem;
  10. $marg: 0.5rem;
  11. $margI: 1rem;
  12. $Wi: 80%;
  13. $Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
  14. $Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
  15. $Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
  16. // mobile
  17. $txt-figli-m: 1.5rem;
  18. // line-height
  19. $Flhome-m: 2rem;
  20. $Wi-m: calc( 100% - 0.5rem);
  21. $Wi80-m: 80%;
  22. $Wi33-m: calc(( 100% / 3 ) - 0.5rem);
  23. // tablette
  24. $txt-figli-t: 2.5rem;
  25. // line-height
  26. $Flhome-t: 3rem;
  27. // color
  28. $color_publique: #fef86f;
  29. $color_sociale: lightgreen;
  30. $color_culturelle: #82f8ee;