base.css

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/css/base.css
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/base.css
  2. 8.9.x core/assets/vendor/jquery.ui/themes/base/base.css
  3. 10 core/profiles/demo_umami/themes/umami/css/base.css
  4. 10 core/misc/dialog/off-canvas/css/base.css
  5. 10 core/themes/olivero/css/base/base.css
  6. 11.x core/profiles/demo_umami/themes/umami/css/base.css
  7. 11.x core/misc/dialog/off-canvas/css/base.css
  8. 11.x core/themes/olivero/css/base/base.css

Generic base elements.

File

core/themes/olivero/css/base/base.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Generic base elements.
  10. */
  11. *,
  12. *:before,
  13. *:after {
  14. box-sizing: border-box;
  15. }
  16. html {
  17. font-family: metropolis, sans-serif;
  18. font-size: 100%;
  19. font-weight: normal;
  20. font-style: normal;
  21. line-height: 1.6875rem;
  22. }
  23. body {
  24. margin: 0;
  25. color: #313637;
  26. background-color: #f7f9fa;
  27. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='50' height='84' viewBox='0 0 50 84'%3e %3cpath opacity='0.05' fill='%230e6ba6' d='M25,61.7C25,68.5,19.4,74,12.5,74S0,68.5,0,61.7c0-5.7,3.9-9.6,7.4-12.9c2.3-2.2,4.5-4.4,5.1-6.8c0.7,2.4,2.8,4.6,5.1,6.8C21.1,52.2,25,56,25,61.7z M42.6,6.8c-2.3-2.2-4.5-4.4-5.1-6.8c-0.7,2.4-2.9,4.6-5.1,6.8C28.9,10.2,25,14,25,19.7C25,26.5,30.6,32,37.5,32S50,26.5,50,19.7C50,14,46.1,10.2,42.6,6.8z'/%3e%3c/svg%3e");
  28. background-position: top left; /* LTR */
  29. }
  30. body.is-fixed {
  31. position: fixed;
  32. overflow: hidden;
  33. width: 100%;
  34. }
  35. [dir="rtl"] body {
  36. background-position: top right;
  37. }
  38. a {
  39. color: #0d77b5;
  40. }
  41. a:hover {
  42. color: #2494db;
  43. }
  44. a:focus {
  45. outline: solid 2px currentColor;
  46. outline-offset: 2px;
  47. }
  48. button {
  49. font-family: inherit;
  50. }
  51. img,
  52. video {
  53. display: block;
  54. max-width: 100%;
  55. height: auto;
  56. }
  57. audio {
  58. display: block;
  59. max-width: 100%;
  60. }
  61. h1 {
  62. letter-spacing: -0.01em;
  63. font-size: 1.75rem;
  64. line-height: 2.25rem;
  65. }
  66. @media (min-width: 43.75rem) {
  67. h1 {
  68. font-size: 3.75rem;
  69. line-height: 4.5rem;
  70. }
  71. }
  72. h2 {
  73. letter-spacing: -0.01em;
  74. font-size: 1.5rem;
  75. line-height: 2.25rem;
  76. }
  77. @media (min-width: 43.75rem) {
  78. h2 {
  79. font-size: 2.25rem;
  80. line-height: 3.375rem;
  81. }
  82. }
  83. h3 {
  84. font-size: 1.25rem;
  85. line-height: 1.6875rem;
  86. }
  87. @media (min-width: 43.75rem) {
  88. h3 {
  89. font-size: 1.5rem;
  90. line-height: 2.25rem;
  91. }
  92. }
  93. h4 {
  94. font-size: 1.125rem;
  95. line-height: 1.6875rem;
  96. }
  97. h5 {
  98. font-size: 1rem;
  99. line-height: 1.6875rem;
  100. }
  101. h6 {
  102. font-size: 0.875rem;
  103. line-height: 1.125rem;
  104. }
  105. h1,
  106. h2,
  107. h3,
  108. h4,
  109. h5,
  110. h6 {
  111. margin-top: 1.125rem;
  112. margin-bottom: 1.125rem;
  113. color: #0d1214;
  114. font-family: metropolis, sans-serif;
  115. font-weight: bold;
  116. }
  117. @media (min-width: 43.75rem) {
  118. h1,
  119. h2,
  120. h3,
  121. h4,
  122. h5,
  123. h6 {
  124. margin-top: 2.25rem;
  125. margin-bottom: 2.25rem;
  126. }
  127. }
  128. [dir="ltr"] ul {
  129. margin-left: 1.5em;
  130. }
  131. [dir="rtl"] ul {
  132. margin-right: 1.5em;
  133. }
  134. [dir="ltr"] ul {
  135. margin-right: 0;
  136. }
  137. [dir="rtl"] ul {
  138. margin-left: 0;
  139. }
  140. [dir="ltr"] ul {
  141. padding-left: 0;
  142. }
  143. [dir="rtl"] ul {
  144. padding-right: 0;
  145. }
  146. ul {
  147. margin-top: 0.25em;
  148. margin-bottom: 0.25em;
  149. list-style-type: disc;
  150. list-style-image: none;
  151. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.