global.scss 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. /*
  2. Default style
  3. */
  4. * {
  5. box-sizing: border-box;
  6. }
  7. html {
  8. height: 100%;
  9. font-size: 14px;
  10. }
  11. body {
  12. font-family: var(--font-family);
  13. color: var(--text-color);
  14. background-color: var(--surface-ground);
  15. margin: 0;
  16. padding: 0;
  17. min-height: 100%;
  18. -webkit-font-smoothing: antialiased;
  19. -moz-osx-font-smoothing: grayscale;
  20. }
  21. .layout-topbar-menu-tooltip.p-tooltip {
  22. position: absolute;
  23. z-index: 997;
  24. display: none;
  25. padding: 0.25em 0.5rem;
  26. max-width: 12.5rem;
  27. }
  28. /*
  29. Typography
  30. */
  31. a {
  32. text-decoration: none;
  33. color: var(--primary-color);
  34. }
  35. h1,
  36. h2,
  37. h3,
  38. h4,
  39. h5,
  40. h6 {
  41. margin: 0.5rem 0 0.5rem 0;
  42. font-family: inherit;
  43. font-weight: 500;
  44. line-height: 1.2;
  45. color: inherit;
  46. &:first-child {
  47. margin-top: 0;
  48. }
  49. }
  50. h1 {
  51. font-size: 2.5rem;
  52. }
  53. h2 {
  54. font-size: 2rem;
  55. }
  56. h3 {
  57. font-size: 1.75rem;
  58. }
  59. h4 {
  60. font-size: 1.5rem;
  61. }
  62. h5 {
  63. font-size: 1.25rem;
  64. }
  65. h6 {
  66. font-size: 1rem;
  67. }
  68. mark {
  69. background: #fff8e1;
  70. padding: 0.25rem 0.4rem;
  71. border-radius: 12px;
  72. font-family: monospace;
  73. }
  74. blockquote {
  75. margin: 1rem 0;
  76. padding: 0 2rem;
  77. border-left: 4px solid #90a4ae;
  78. }
  79. hr {
  80. border-top: solid var(--surface-border);
  81. border-width: 1px 0 0 0;
  82. margin: 1rem 0;
  83. }
  84. p {
  85. margin: 0 0 1rem 0;
  86. line-height: 1.5;
  87. &:last-child {
  88. margin-bottom: 0;
  89. }
  90. }
  91. /*
  92. Component
  93. */
  94. .p-message {
  95. margin-top: 0px;
  96. }
  97. .p-component-overlay {
  98. z-index: 997;
  99. }