_typography.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. /* Typography */
  2. h1, h2, h3, h4, h5, h6 {
  3. color: $title-color;
  4. font-family: $bold-font;
  5. font-weight: $bold;
  6. letter-spacing: $letter-spacing;
  7. margin-top: 0;
  8. }
  9. h1 {
  10. font-size: 36px;
  11. }
  12. h2 {
  13. font-size: 30px;
  14. }
  15. h3 {
  16. font-size: 26px;
  17. }
  18. h4 {
  19. font-size: 22px;
  20. }
  21. h5 {
  22. font-size: 18px;
  23. }
  24. h6 {
  25. font-size: 16px;
  26. }
  27. a {
  28. color: $preset;
  29. @include transition(.2s);
  30. &:hover, &:active, &:focus {
  31. color: $preset-hover;
  32. text-decoration: none;
  33. }
  34. letter-spacing: $letter-spacing;
  35. outline: 0 !important;
  36. }
  37. p {
  38. font-family: $primary-font;
  39. font-weight: $regular;
  40. font-size: 14px;
  41. line-height: 25px;
  42. color: $text-color;
  43. letter-spacing: $letter-spacing;
  44. margin-bottom: 10px;
  45. }
  46. ul, li{
  47. list-style: none;
  48. padding: 0;
  49. }
  50. ul, ol {
  51. list-style: none;
  52. padding: 0;
  53. }
  54. .orderlist li {
  55. list-style: block;
  56. margin-left: 15px;
  57. }
  58. .unorderedlist li {
  59. list-style: inside;
  60. }
  61. .list-featured {
  62. list-style: none;
  63. padding: 0;
  64. }
  65. .list-featured li {
  66. position: relative;
  67. font-size: 14px;
  68. padding-left: 14px;
  69. margin-bottom: 7px;
  70. }
  71. .list-featured li:before {
  72. position: absolute;
  73. display: block;
  74. content: "";
  75. width: 6px;
  76. height: 6px;
  77. border-radius: 50%;
  78. left: 0;
  79. top: 7px;
  80. background-color: $preset;
  81. }
  82. .line-height-36{
  83. line-height: 36px;
  84. }
  85. ol li {
  86. margin-bottom: 7px;
  87. }
  88. li {
  89. color: $text-color;
  90. font-size: 16px;
  91. line-height: 20px;
  92. letter-spacing: $letter-spacing;
  93. }
  94. blockquote {
  95. border-left: 0px solid $light-grey;
  96. }
  97. blockquote p {
  98. font-size: 16px;
  99. font-weight: $regular;
  100. }
  101. .blockquote-reverse{
  102. border-right: none;
  103. }
  104. strong {
  105. font-weight: $bold;
  106. }
  107. .lead {
  108. font-size: 16px;
  109. }
  110. .text-left {
  111. text-align: left;
  112. }
  113. .text-center {
  114. text-align: center;
  115. }
  116. .text-right {
  117. text-align: right;
  118. }
  119. .text-default {
  120. color: $preset;
  121. }
  122. .bg-default {
  123. color: $text-color;
  124. background: $preset;
  125. padding: 3px 4px;
  126. }
  127. .bg-primary {
  128. color: $white;
  129. background: $preset;
  130. padding: 3px 4px;
  131. }
  132. .bg-success {
  133. color: $white;
  134. background: $success;
  135. padding: 3px 4px;
  136. }
  137. .bg-info{
  138. color: $white;
  139. background: $info;
  140. padding: 3px 4px;
  141. }
  142. .bg-warning {
  143. color: $white;
  144. background: $warning;
  145. padding: 3px 4px;
  146. }
  147. .bg-danger {
  148. color: $white;
  149. background: $danger;
  150. padding: 3px 4px;
  151. }
  152. /* / End Typography */