global.scss 1.1KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. * {
  2. box-sizing: border-box;
  3. }
  4. html {
  5. height: 100%;
  6. font-size: 14px;
  7. }
  8. body {
  9. font-family: var(--font-family);
  10. color: var(--text-color);
  11. background-color: var(--surface-ground);
  12. margin: 0;
  13. padding: 0;
  14. min-height: 100%;
  15. -webkit-font-smoothing: antialiased;
  16. -moz-osx-font-smoothing: grayscale;
  17. }
  18. a {
  19. text-decoration: none;
  20. color: var(--primary-color);
  21. }
  22. h1,
  23. h2,
  24. h3,
  25. h4,
  26. h5,
  27. h6 {
  28. margin: 1.5rem 0 1rem 0;
  29. font-family: inherit;
  30. font-weight: 500;
  31. line-height: 1.2;
  32. color: inherit;
  33. &:first-child {
  34. margin-top: 0;
  35. }
  36. }
  37. h1 {
  38. font-size: 2.5rem;
  39. }
  40. h2 {
  41. font-size: 2rem;
  42. }
  43. h3 {
  44. font-size: 1.75rem;
  45. }
  46. h4 {
  47. font-size: 1.5rem;
  48. }
  49. h5 {
  50. font-size: 1.25rem;
  51. }
  52. h6 {
  53. font-size: 1rem;
  54. }
  55. mark {
  56. background: #fff8e1;
  57. padding: 0.25rem 0.4rem;
  58. border-radius: 12px;
  59. font-family: monospace;
  60. }
  61. blockquote {
  62. margin: 1rem 0;
  63. padding: 0 2rem;
  64. border-left: 4px solid #90a4ae;
  65. }
  66. hr {
  67. border-top: solid var(--surface-border);
  68. border-width: 1px 0 0 0;
  69. margin: 1rem 0;
  70. }
  71. p {
  72. margin: 0 0 1rem 0;
  73. line-height: 1.5;
  74. &:last-child {
  75. margin-bottom: 0;
  76. }
  77. }