editor-styles-rtl.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /**
  2. * Colors
  3. */
  4. /**
  5. * Breakpoints & Media Queries
  6. */
  7. /**
  8. * Often re-used variables
  9. */
  10. /**
  11. * Breakpoint mixins
  12. */
  13. /**
  14. * Long content fade mixin
  15. *
  16. * Creates a fading overlay to signify that the content is longer
  17. * than the space allows.
  18. */
  19. /**
  20. * Button states and focus styles
  21. */
  22. /**
  23. * Applies editor left position to the selector passed as argument
  24. */
  25. /**
  26. * Applies editor right position to the selector passed as argument
  27. */
  28. /**
  29. * Styles that are reused verbatim in a few places
  30. */
  31. /**
  32. * Allows users to opt-out of animations via OS-level preferences.
  33. */
  34. /**
  35. * Reset default styles for JavaScript UI based pages.
  36. * This is a WP-admin agnostic reset
  37. */
  38. /**
  39. * Reset the WP Admin page styles for Gutenberg-like pages.
  40. */
  41. /**
  42. * Editor Normalization Styles
  43. *
  44. * These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
  45. * of the editor by themes.
  46. * Why do these exist? Why not rely on browser defaults?
  47. * These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself.
  48. * Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles.
  49. */
  50. body {
  51. font-family: "Noto Serif", serif;
  52. font-size: 16px;
  53. line-height: 1.8;
  54. color: #191e23; }
  55. /* Headings */
  56. h1 {
  57. font-size: 2.44em; }
  58. h2 {
  59. font-size: 1.95em; }
  60. h3 {
  61. font-size: 1.56em; }
  62. h4 {
  63. font-size: 1.25em; }
  64. h5 {
  65. font-size: 1em; }
  66. h6 {
  67. font-size: 0.8em; }
  68. h1,
  69. h2,
  70. h3 {
  71. line-height: 1.4; }
  72. h4 {
  73. line-height: 1.5; }
  74. h1 {
  75. margin-top: 0.67em;
  76. margin-bottom: 0.67em; }
  77. h2 {
  78. margin-top: 0.83em;
  79. margin-bottom: 0.83em; }
  80. h3 {
  81. margin-top: 1em;
  82. margin-bottom: 1em; }
  83. h4 {
  84. margin-top: 1.33em;
  85. margin-bottom: 1.33em; }
  86. h5 {
  87. margin-top: 1.67em;
  88. margin-bottom: 1.67em; }
  89. h6 {
  90. margin-top: 2.33em;
  91. margin-bottom: 2.33em; }
  92. h1,
  93. h2,
  94. h3,
  95. h4,
  96. h5,
  97. h6 {
  98. color: inherit; }
  99. p {
  100. font-size: inherit;
  101. line-height: inherit;
  102. margin-top: 28px;
  103. margin-bottom: 28px; }
  104. ul,
  105. ol {
  106. margin-bottom: 28px;
  107. padding: inherit; }
  108. ul ul,
  109. ul ol,
  110. ol ul,
  111. ol ol {
  112. margin-bottom: 0; }
  113. ul li,
  114. ol li {
  115. margin-bottom: initial; }
  116. ul {
  117. list-style-type: disc; }
  118. ol {
  119. list-style-type: decimal; }
  120. ul ul,
  121. ol ul {
  122. list-style-type: circle; }