_variables.scss 600 B

1234567891011121314151617181920212223242526272829303132
  1. $font-extra: 2.3rem;
  2. $font-large: 1.6rem;
  3. $font-big: 1rem;
  4. $font-medium: .8rem;
  5. $font-normal: .6rem;
  6. $font-small: .45rem;
  7. $col-met: #28429f;
  8. $col-eur: #646578;
  9. $col-mond: #ab9569;
  10. $col-ter: #e01a35;
  11. $col-1: #4dabc1;
  12. $col-2: #61ab32;
  13. $bck-col: #eff2f9;
  14. $lightblue: #98d0d9;
  15. $trame: url(../images/motif_croix.svg);
  16. @media (min-width: 48rem) {
  17. :root {
  18. font-size: calc(1rem + ((1vw - .48rem) * 1.389));
  19. /* .48rem = viewportWidthMinimum /100 */
  20. /* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */
  21. }
  22. }
  23. @media (min-width: 120em) {
  24. :root {
  25. font-size: 2rem;
  26. }
  27. }