_typography.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. h1, h2{
  2. font-family: $medium;
  3. font-weight: normal;
  4. }
  5. body{
  6. &>.blog{
  7. h1{
  8. font-size: $fh1;
  9. -webkit-text-stroke:.1rem #111;
  10. color: transparent;
  11. line-height: 7rem;
  12. }
  13. }
  14. }
  15. body{
  16. &>.item{
  17. h1{
  18. font-size: $fh2;
  19. }
  20. }
  21. }
  22. h2{
  23. font-size: $fh2;
  24. }
  25. h3{
  26. font-family: $medium;
  27. font-size: $fh3;
  28. font-weight: normal;
  29. }
  30. h5{
  31. font-size: $fh5;
  32. font-family: $bold;
  33. font-weight: normal;
  34. }
  35. p{
  36. font-family: $Regular;
  37. font-weight: normal;
  38. font-size: $fp;
  39. }
  40. time{
  41. font-family: $italic;
  42. font-weight: normal;
  43. }
  44. header{
  45. .contact{
  46. h3{
  47. text-transform: lowercase;
  48. color:white;
  49. margin-top:-52px;
  50. margin-left: 18px;
  51. }
  52. }
  53. }
  54. .card{
  55. h5{
  56. text-transform: uppercase;
  57. }
  58. .card-category{
  59. font-family: $italic;
  60. font-weight: normal;
  61. font-size: $fs;
  62. }
  63. .card-date{
  64. font-size: $fs;
  65. }
  66. .card-footer{
  67. span{
  68. font-family: $medium;
  69. font-weight: normal;
  70. font-size: $fs;
  71. text-transform: capitalize;
  72. a{
  73. color: $grey;
  74. }
  75. }
  76. }
  77. }
  78. .scroll{
  79. p{
  80. font-size: $fs;
  81. font-family: $bold;
  82. font-weight: normal;
  83. }
  84. }
  85. .cat-list{
  86. .cat{
  87. a{
  88. font-family: $light;
  89. font-weight: normal;
  90. }
  91. }
  92. }
  93. #items{
  94. .content-item{
  95. .content-title{
  96. h2{
  97. font-size: $fh2-i;
  98. }
  99. & > a{
  100. font-family: $italic;
  101. }
  102. }
  103. }
  104. .top{
  105. p{
  106. font-family: $bold;
  107. }
  108. }
  109. }
  110. body{
  111. & > .item{
  112. h2{
  113. font-size: $fh2-i;
  114. }
  115. }
  116. }