_typography.scss 1.8 KB

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