fonts.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. @include Montserrat-Regular($Regular, $file-regular, $family, $category);//1
  2. @include Montserrat-light($light, $file-light, $family, $category);//1
  3. @include Montserrat-Thin($Thin, $file-Thin, $family, $category);//1
  4. @media screen and (max-width: 700px) {
  5. }
  6. // $font14: 0.882rem;
  7. // $font16: 1rem;
  8. // $font18: 1.134rem;
  9. // $font21: 1.323rem;
  10. // $font22: 1.375rem;
  11. // $font24: 1.512rem;
  12. // $font32: 2rem;
  13. // $font36: 2.268rem;
  14. // $font48: 3.024rem;
  15. // $font72: 4.5rem;
  16. body{
  17. p{
  18. strong{
  19. font-family: "Montserrat-Regular";
  20. font-weight: bold;
  21. }
  22. }
  23. #header{
  24. a{
  25. font-family: $Regular;
  26. font-size: $font18;
  27. font-weight: normal;
  28. color: #4f100B;
  29. }
  30. .language-selector{
  31. li{
  32. &:nth-child(-n+2){
  33. &::after{
  34. font-size: $font24;
  35. content: "-";
  36. color: #4f100B;
  37. }
  38. }
  39. }
  40. }
  41. }
  42. #start{
  43. .content{
  44. p{
  45. font-size: $font16;
  46. font-family: $light;
  47. font-weight: normal;
  48. line-height: 2rem;
  49. a::before{
  50. visibility: visible!important;
  51. }
  52. }
  53. }
  54. .citation{
  55. p{
  56. font-size: $font16;
  57. font-family: $Regular;
  58. font-weight: normal;
  59. line-height: 2rem;
  60. color: white;
  61. }
  62. }
  63. #home, #contact, #contato{
  64. h1{
  65. font-family: $Thin;
  66. font-weight: normal;
  67. font-size: 25vw;
  68. text-transform: uppercase;
  69. mix-blend-mode: soft-light;
  70. }
  71. p, a {
  72. font-size: $font16;
  73. color: white;
  74. font-family: $light;
  75. }
  76. }
  77. #presse{
  78. .red{
  79. .citation{
  80. p{
  81. font-size: 0.8rem;
  82. line-height: 1.2rem;
  83. }
  84. }
  85. }
  86. }
  87. .chap{
  88. color: white;
  89. font-family: $light;
  90. h2{
  91. font-family: $light;
  92. font-weight: normal;
  93. font-size: $font32;
  94. }
  95. a{
  96. font-family: $Regular;
  97. font-size: $font14;
  98. color: white;
  99. &.focus{
  100. font-weight: normal;
  101. font-size: $font18;
  102. }
  103. }
  104. }
  105. }
  106. }