theme.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. /**
  2. * Breakpoints & Media Queries
  3. */
  4. /**
  5. * Converts a hex value into the rgb equivalent.
  6. *
  7. * @param {string} hex - the hexadecimal value to convert
  8. * @return {string} comma separated rgb values
  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. * Focus styles.
  21. */
  22. /**
  23. * Applies editor left position to the selector passed as argument
  24. */
  25. /**
  26. * Styles that are reused verbatim in a few places
  27. */
  28. /**
  29. * Allows users to opt-out of animations via OS-level preferences.
  30. */
  31. /**
  32. * Reset default styles for JavaScript UI based pages.
  33. * This is a WP-admin agnostic reset
  34. */
  35. /**
  36. * Reset the WP Admin page styles for Gutenberg-like pages.
  37. */
  38. .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus {
  39. border-style: var(--wp--custom--button--border--style);
  40. border-color: currentColor;
  41. border-width: var(--wp--custom--button--border--width);
  42. padding-top: var(--wp--custom--button--spacing--padding--top);
  43. padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
  44. padding-left: var(--wp--custom--button--spacing--padding--left);
  45. padding-right: var(--wp--custom--button--spacing--padding--right);
  46. }
  47. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-focus,
  48. .wp-block-search .wp-block-search__button:hover,
  49. .wp-block-search .wp-block-search__button:focus,
  50. .wp-block-search .wp-block-search__button.has-focus {
  51. border-style: var(--wp--custom--button--border--style);
  52. border-color: currentColor;
  53. border-width: var(--wp--custom--button--border--width);
  54. padding-top: var(--wp--custom--button--spacing--padding--top);
  55. padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
  56. padding-left: var(--wp--custom--button--spacing--padding--left);
  57. padding-right: var(--wp--custom--button--spacing--padding--right);
  58. }
  59. ul ul {
  60. list-style-type: disc;
  61. }
  62. @media (max-width: 599px) {
  63. .wp-block-media-text:not(.has-background) .wp-block-media-text__content {
  64. padding: 0;
  65. }
  66. }
  67. .wp-block-post-comments form input:not([type=submit]):not([type=checkbox]),
  68. .wp-block-post-comments form textarea {
  69. font-size: var(--wp--custom--font-size--normal);
  70. width: 100%;
  71. }
  72. .wp-block-post-comments .comment-body > p > a,
  73. .wp-block-post-comments .comment-edit-link {
  74. text-decoration: underline;
  75. }
  76. .wp-block-post-comments .comment-body > p > a:hover,
  77. .wp-block-post-comments .comment-edit-link:hover {
  78. text-decoration: none;
  79. }
  80. .wp-block-post-navigation-link {
  81. border-top: 1px solid;
  82. display: flex;
  83. padding-top: 1em;
  84. }
  85. .post-navigation-link-next {
  86. flex-direction: row-reverse;
  87. }
  88. .post-navigation-link-next a {
  89. margin-right: 0.5em;
  90. }
  91. .post-navigation-link-previous a {
  92. margin-left: 0.5em;
  93. }
  94. .next-prev-links .wp-block-column,
  95. .next-prev-links .wp-block-column:not(:only-child) {
  96. flex-basis: 40% !important;
  97. }
  98. .next-prev-links .wp-block-column:not(:first-child),
  99. .next-prev-links .wp-block-column:not(:only-child):not(:first-child) {
  100. margin-left: 20%;
  101. }
  102. .wp-block-post-template .wp-block-post-excerpt__more-text,
  103. .wp-block-query .wp-block-post-excerpt__more-text {
  104. font-size: var(--wp--custom--font-sizes--x-small) !important;
  105. }
  106. .wp-block-query-pagination {
  107. border-top: 1px solid var(--wp--custom--color--primary);
  108. }
  109. .wp-block-query-pagination .page-numbers {
  110. padding: 0 0.1em;
  111. }
  112. .wp-block-quote.is-style-large p {
  113. line-height: 1.4;
  114. }
  115. .wp-block-quote.is-style-large cite {
  116. text-align: unset;
  117. }
  118. .wp-block-table.is-style-stripes th,
  119. .wp-block-table th {
  120. font-weight: 400;
  121. }
  122. .wp-block-table.is-style-stripes tbody td,
  123. .wp-block-table tbody td {
  124. border-bottom-width: 0;
  125. border-top-width: 0;
  126. vertical-align: top;
  127. border-color: var(--wp--preset--color--primary);
  128. }
  129. .wp-block-table.is-style-stripes tr:first-child td,
  130. .wp-block-table tr:first-child td {
  131. border-top-width: 1px;
  132. }
  133. .wp-block-table.is-style-stripes tr:last-child td,
  134. .wp-block-table tr:last-child td {
  135. border-bottom-width: 1px;
  136. }
  137. .wp-block-pullquote {
  138. text-indent: -0.5ch;
  139. }
  140. .wp-block-pullquote cite {
  141. text-indent: 0.5ch;
  142. }
  143. .has-primary-background-color {
  144. color: var(--wp--preset--color--background);
  145. }
  146. .wp-block-post-content a:not(.wp-block-button__link) {
  147. -webkit-text-decoration-line: underline;
  148. text-decoration-line: underline;
  149. }
  150. .wp-block-post-content a:not(.wp-block-button__link):hover {
  151. text-decoration: none;
  152. }
  153. a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen-reader-shortcut):focus {
  154. outline: 1px dotted currentcolor;
  155. text-decoration: none;
  156. }
  157. input[type=text]:focus,
  158. input[type=email]:focus,
  159. input[type=url]:focus,
  160. input[type=password]:focus,
  161. input[type=search]:focus,
  162. input[type=number]:focus,
  163. input[type=tel]:focus,
  164. input[type=range]:focus,
  165. input[type=date]:focus,
  166. input[type=month]:focus,
  167. input[type=week]:focus,
  168. input[type=time]:focus,
  169. input[type=submit]:focus,
  170. input[type=datetime]:focus,
  171. input[type=datetime-local]:focus,
  172. input[type=color]:focus,
  173. textarea:focus {
  174. outline: 1px dotted currentColor;
  175. }
  176. .wp-block-post-featured-image {
  177. margin-top: 0;
  178. }
  179. /* Add some extra space if there's no post title present. */
  180. .wp-block-post-date + .wp-block-group > .wp-block-post-featured-image,
  181. .wp-block-post-date + .wp-block-group > .wp-block-post-excerpt {
  182. margin-top: calc(2 * var(--wp--style--block-gap));
  183. }
  184. /*# sourceMappingURL=theme.css.map */