Advertisement
Guest User

Untitled

a guest
Jul 19th, 2018
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.80 KB | None | 0 0
  1. p {
  2. color: #111;
  3. font-size: 1em;
  4. font-weight: 300;
  5. line-height: 1.5;
  6. margin-bottom: 1.5em;
  7. }
  8.  
  9. .lead {
  10. font-size: 1.2em;
  11. line-height: 2rem;
  12. }
  13.  
  14. strong {
  15. color: #444;
  16. font-weight: bold;
  17. }
  18.  
  19. i, cite, em, var, address, dfn {
  20. font-style: italic;
  21. }
  22.  
  23. h1, h2, h3, h4, h5, h6 {
  24. line-height: 1.2;
  25. margin-bottom: 1.5em;
  26. }
  27. h1 {
  28. font-size: 2em;
  29. margin-top: 3rem;
  30. }
  31. h2 {
  32. font-size: 1.8em;
  33. margin-top: 2.8rem;
  34. }
  35. h3 {
  36. font-size: 1.6em;
  37. margin-top: 2.6rem;
  38. }
  39. h3 {
  40. font-size: 1.4em;
  41. margin-top: 2.4rem;
  42. }
  43. h4 {
  44. font-size: 1.2em;
  45. margin-top: 2.2rem;
  46. }
  47. h5 {
  48. font-size: 1em;
  49. margin-top: 2rem;
  50. }
  51. h6 {
  52. font-size: 1em;
  53. margin-top: 2.8rem;
  54. }
  55.  
  56. .mark, mark {
  57. padding: .2em;
  58. background-color: #fcf8e3;
  59. }
  60.  
  61. abbr[data-original-title], abbr[title] {
  62. text-decoration: underline dotted;
  63. cursor: help;
  64. border-bottom: 0;
  65. }
  66.  
  67. .blockquote {
  68. margin-bottom: 1rem;
  69. font-size: 1.25rem;
  70. }
  71.  
  72.  
  73. ul, ol {
  74. margin-bottom: 1rem;
  75.  
  76. li {
  77. color :#111;
  78. font-weight: 300;
  79. font-size: 1em;
  80. line-height: 1.5;
  81. }
  82. }
  83.  
  84. a:not(.btn) {
  85. color: #03a9f4;
  86. font-weight: 600;
  87. display: inline-block;
  88. position: relative;
  89. text-decoration: none;
  90. background: linear-gradient(135deg, #2eb3ef 1%, #44e5ad 99%);
  91. -webkit-background-clip: text;
  92. -webkit-text-fill-color: transparent;
  93. }
  94. a:not(.btn):after {
  95. content: '';
  96. display: block;
  97. position: absolute;
  98. bottom: 0;
  99. left: 0;
  100. width: 100%;
  101. height: 3px;
  102. background: #03a9f4;
  103. background: linear-gradient(135deg, #2eb3ef 1%, #44e5ad 99%);
  104. }
  105.  
  106. @media (min-width: 992px) {
  107. p {
  108. font-size: 1.25em;
  109. margin-bottom: 2em;
  110. }
  111.  
  112. .lead {
  113. font-size: 1.5em;
  114. line-height: 2.5rem;
  115. }
  116.  
  117. h1 {
  118. font-size: 3em;
  119. margin-top: 4rem;
  120. margin-bottom: 2rem;
  121. }
  122. h2 {
  123. font-size: 2.8em;
  124. margin-top: 3.8rem;
  125. margin-bottom: 1.8rem;
  126. }
  127. h3 {
  128. font-size: 2.6em;
  129. margin-top: 3.6rem;
  130. margin-bottom: 1.6rem;
  131. }
  132. h3 {
  133. font-size: 2.4em;
  134. margin-top: 3.4rem;
  135. margin-bottom: 1.4rem;
  136. }
  137. h4 {
  138. font-size: 2.2em;
  139. margin-top: 3.2rem;
  140. margin-bottom: 1.2rem;
  141. }
  142. h5 {
  143. font-size: 2em;
  144. margin-top: 3rem;
  145. margin-bottom: 1rem;
  146. }
  147. h6 {
  148. font-size: 1.8em;
  149. margin-top: 2.8rem;
  150. margin-bottom: 0.8rem;
  151. }
  152.  
  153. ul, ol {
  154. li {
  155. font-size: 1.25em;
  156. padding: .2em 0;
  157. /* line-height: 1.5; */
  158. }
  159. }
  160.  
  161. ul {
  162. list-style-type: disc;
  163. }
  164. ol {
  165. list-style-type: decimal;
  166. }
  167. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement