theme.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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. .wp-block-audio figcaption {
  42. color: #555d66;
  43. font-size: 13px;
  44. text-align: center; }
  45. .wp-block-code {
  46. font-family: Menlo, Consolas, monaco, monospace;
  47. font-size: 14px;
  48. color: #23282d;
  49. padding: 0.8em 1em;
  50. border: 1px solid #e2e4e7;
  51. border-radius: 4px; }
  52. .wp-block-embed figcaption {
  53. color: #555d66;
  54. font-size: 13px;
  55. text-align: center; }
  56. .blocks-gallery-caption {
  57. color: #555d66;
  58. font-size: 13px;
  59. text-align: center; }
  60. .wp-block-image figcaption {
  61. color: #555d66;
  62. font-size: 13px;
  63. text-align: center; }
  64. .wp-block-preformatted pre {
  65. font-family: Menlo, Consolas, monaco, monospace;
  66. color: #23282d;
  67. /* Fonts smaller than 16px causes mobile safari to zoom. */
  68. font-size: 16px; }
  69. @media (min-width: 600px) {
  70. .wp-block-preformatted pre {
  71. font-size: 14px; } }
  72. .wp-block-pullquote {
  73. border-top: 4px solid #555d66;
  74. border-bottom: 4px solid #555d66;
  75. margin-bottom: 28px;
  76. color: #40464d; }
  77. .wp-block-pullquote cite,
  78. .wp-block-pullquote footer, .wp-block-pullquote__citation {
  79. color: #40464d;
  80. text-transform: uppercase;
  81. font-size: 13px;
  82. font-style: normal; }
  83. .wp-block-quote {
  84. border-left: 4px solid #000;
  85. margin: 0 0 28px 0;
  86. padding-left: 1em; }
  87. .wp-block-quote cite,
  88. .wp-block-quote footer, .wp-block-quote__citation {
  89. color: #6c7781;
  90. font-size: 13px;
  91. margin-top: 1em;
  92. position: relative;
  93. font-style: normal; }
  94. .wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
  95. border-left: none;
  96. border-right: 4px solid #000;
  97. padding-left: 0;
  98. padding-right: 1em; }
  99. .wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center {
  100. border: none;
  101. padding-left: 0; }
  102. .wp-block-quote.is-style-large, .wp-block-quote.is-large {
  103. border: none; }
  104. .wp-block-search .wp-block-search__label {
  105. font-weight: bold; }
  106. .wp-block-group.has-background {
  107. padding: 20px 30px;
  108. margin-top: 0;
  109. margin-bottom: 0; }
  110. .wp-block-separator {
  111. border: none;
  112. border-bottom: 2px solid #8f98a1;
  113. margin-left: auto;
  114. margin-right: auto; }
  115. .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  116. max-width: 100px; }
  117. .wp-block-separator.has-background:not(.is-style-dots) {
  118. border-bottom: none;
  119. height: 1px; }
  120. .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  121. height: 2px; }
  122. .wp-block-table {
  123. border-collapse: collapse; }
  124. .wp-block-table td,
  125. .wp-block-table th {
  126. padding: 0.5em;
  127. border: 1px solid;
  128. word-break: normal; }
  129. .wp-block-video figcaption {
  130. color: #555d66;
  131. font-size: 13px;
  132. text-align: center; }