fonts.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. body{
  5. #header{
  6. a{
  7. font-family: $Regular;
  8. font-size: $font32;
  9. font-weight: normal;
  10. color: white;
  11. }
  12. .language-selector{
  13. li{
  14. &:nth-child(-n+2){
  15. &::after{
  16. font-size: $font32;
  17. content: "-";
  18. color: white;
  19. }
  20. }
  21. }
  22. }
  23. }
  24. #start{
  25. .content{
  26. p{
  27. font-size: $font22;
  28. font-family: $light;
  29. font-weight: normal;
  30. line-height: 2rem;
  31. }
  32. }
  33. #home{
  34. h1{
  35. font-family: $Thin;
  36. font-weight: normal;
  37. font-size: 30vw;
  38. }
  39. p, a {
  40. font-size: $font24;
  41. color: white;
  42. font-family: $light;
  43. }
  44. }
  45. .chap{
  46. color: white;
  47. font-family: $light;
  48. h2{
  49. font-family: $light;
  50. font-weight: normal;
  51. font-size: $font48;
  52. }
  53. a{
  54. font-family: $Regular;
  55. font-size: $font24;
  56. color: white;
  57. }
  58. & > a{
  59. &:nth-of-type(2){
  60. &::before{
  61. margin: 0 5px;
  62. content: "-";
  63. color: white;
  64. }
  65. }
  66. }
  67. }
  68. }
  69. }