_typography.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. h1, h2, h3, h4, h5, h6{
  2. font-family: $roboto_regular;
  3. font-size: 1rem;
  4. font-weight: normal;
  5. }
  6. h1{
  7. a{
  8. font-family: $roboto_regular;
  9. font-size: 1rem;
  10. font-weight: normal;
  11. }
  12. }
  13. h2{
  14. a{
  15. font-family:$roboto_medium;
  16. color: white;
  17. font-size:1.5rem;
  18. font-weight: normal;
  19. }
  20. }
  21. h3{
  22. font-family: $roboto_regular;
  23. font-size: 0.8rem;
  24. text-transform: uppercase;
  25. a{
  26. font-weight: normal;
  27. position: relative;
  28. &::after{
  29. content: " ";
  30. background: rgb(0, 255, 0);
  31. position: absolute;
  32. top: 5px;
  33. left: 0;
  34. height: 9px;
  35. width: 100%;
  36. margin: auto;
  37. z-index: -1;
  38. }
  39. }
  40. }
  41. nav{
  42. li{
  43. a{
  44. font-family:$roboto_regular;
  45. font-size:0.8rem;
  46. text-transform: uppercase;
  47. font-weight: normal;
  48. }
  49. }
  50. a{
  51. li{
  52. font-family:$roboto_regular;
  53. font-size:0.8rem;
  54. text-transform: uppercase;
  55. font-weight: normal;
  56. }
  57. }
  58. }
  59. p{
  60. font-family: $roboto_light;
  61. font-size: 0.8rem;
  62. margin-bottom: 10px;
  63. a{
  64. font-weight: normal;
  65. position: relative;
  66. &::after{
  67. content: " ";
  68. background: rgb(0, 255, 0);
  69. position: absolute;
  70. top: 5px;
  71. left: 0;
  72. height: 9px;
  73. width: 100%;
  74. margin: auto;
  75. z-index: -1;
  76. }
  77. }
  78. }
  79. #start{
  80. .card-title{
  81. line-height: 1.60rem;
  82. h2{
  83. a{
  84. font-family: $roboto_regular;
  85. font-size: 1.2rem;
  86. }
  87. }
  88. }
  89. }
  90. .taxonomy{
  91. a{
  92. font-family:$roboto_regular;
  93. font-size:0.8em;
  94. text-transform: uppercase;
  95. font-weight: normal;
  96. }
  97. a{
  98. position: relative;
  99. &::after{
  100. -webkit-transition: width 0.5s;
  101. transition: width 0.5s;
  102. content: " ";
  103. background: rgb(0, 255, 0);
  104. position: absolute;
  105. width: 0%;
  106. height: 10px;
  107. z-index: -1;
  108. left: 0;
  109. margin: auto;
  110. top: 4px;
  111. }
  112. }
  113. a:hover{
  114. &::after{
  115. -webkit-transition: width 0.5s;
  116. transition: width 0.5s;
  117. width: 100%;
  118. }
  119. }
  120. }
  121. .news{
  122. h3{
  123. font-family:$roboto_regular;
  124. text-transform: uppercase;
  125. font-weight: normal;
  126. }
  127. .blog-date{
  128. time{
  129. font-family:$roboto_light;
  130. text-transform: uppercase;
  131. font-weight: normal;
  132. font-size:0.8em;
  133. }
  134. }
  135. }