_typography.scss 2.1 KB

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