_typography.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. h1, h2{
  2. font-family: $medium;
  3. font-weight: normal;
  4. }
  5. h1{
  6. font-size: $fh1;
  7. -webkit-text-stroke-width: 2px;
  8. -webkit-text-stroke-color: black;
  9. color: transparent;
  10. line-height: 7rem;
  11. }
  12. h2{
  13. font-size: $fh2;
  14. }
  15. h3{
  16. font-family: $medium;
  17. font-size: $fh3;
  18. font-weight: normal;
  19. }
  20. h5{
  21. font-size: 1rem;
  22. font-family: $bold;
  23. font-weight: normal;
  24. }
  25. p{
  26. font-family: $Regular;
  27. font-weight: normal;
  28. font-size: $fp;
  29. }
  30. time{
  31. font-family: $italic;
  32. font-weight: normal;
  33. }
  34. header{
  35. .contact{
  36. h3{
  37. text-transform: lowercase;
  38. color:white;
  39. margin-top:-52px;
  40. margin-left: 18px;
  41. }
  42. }
  43. }
  44. .card{
  45. h5{
  46. text-transform: uppercase;
  47. }
  48. .card-category{
  49. font-family: $italic;
  50. font-weight: normal;
  51. }
  52. .card-footer{
  53. span{
  54. font-family: $medium;
  55. font-weight: normal;
  56. }
  57. }
  58. }
  59. .scroll{
  60. p{
  61. font-family: $bold;
  62. font-weight: normal;
  63. }
  64. }
  65. .cat-list{
  66. .cat{
  67. a{
  68. font-family: $light;
  69. font-weight: normal;
  70. }
  71. }
  72. }
  73. #items{
  74. .content-item{
  75. .content-title{
  76. h2{
  77. font-size: $fh2-i;
  78. }
  79. & > a{
  80. font-family: $italic;
  81. }
  82. }
  83. }
  84. .top{
  85. p{
  86. font-family: $bold;
  87. }
  88. }
  89. }