theme.css 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  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-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
  39. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
  40. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
  41. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
  42. border-style: var(--wp--custom--button--border--style);
  43. border-color: currentColor;
  44. border-width: var(--wp--custom--button--border--width);
  45. padding-top: var(--wp--custom--button--spacing--padding--top);
  46. padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
  47. padding-left: var(--wp--custom--button--spacing--padding--left);
  48. padding-right: var(--wp--custom--button--spacing--padding--right);
  49. }
  50. .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 {
  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. .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,
  60. .wp-block-search .wp-block-search__button:hover,
  61. .wp-block-search .wp-block-search__button:focus,
  62. .wp-block-search .wp-block-search__button.has-focus {
  63. border-style: var(--wp--custom--button--border--style);
  64. border-color: currentColor;
  65. border-width: var(--wp--custom--button--border--width);
  66. padding-top: var(--wp--custom--button--spacing--padding--top);
  67. padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
  68. padding-left: var(--wp--custom--button--spacing--padding--left);
  69. padding-right: var(--wp--custom--button--spacing--padding--right);
  70. }
  71. .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
  72. .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
  73. .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
  74. .wp-block-button.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
  75. color: var(--wp--custom--button--color--background);
  76. background-color: var(--wp--custom--button--color--text);
  77. }
  78. ul ul {
  79. list-style-type: disc;
  80. }
  81. @media (max-width: 599px) {
  82. .wp-block-media-text:not(.has-background) .wp-block-media-text__content {
  83. padding: 0;
  84. }
  85. }
  86. .wp-block-post-comments form input:not([type=submit]):not([type=checkbox]),
  87. .wp-block-post-comments form textarea {
  88. font-size: var(--wp--custom--font-size--normal);
  89. width: 100%;
  90. }
  91. .wp-block-post-comments .comment-body > p > a,
  92. .wp-block-post-comments .comment-edit-link {
  93. text-decoration: underline;
  94. }
  95. .wp-block-post-comments .comment-body > p > a:hover,
  96. .wp-block-post-comments .comment-edit-link:hover {
  97. text-decoration: none;
  98. }
  99. .wp-block-post-navigation-link {
  100. border-top: 1px solid;
  101. display: flex;
  102. padding-top: 1em;
  103. }
  104. .post-navigation-link-next {
  105. flex-direction: row-reverse;
  106. }
  107. .post-navigation-link-next a {
  108. margin-right: 0.5em;
  109. }
  110. .post-navigation-link-previous a {
  111. margin-left: 0.5em;
  112. }
  113. .next-prev-links .wp-block-column,
  114. .next-prev-links .wp-block-column:not(:only-child) {
  115. flex-basis: 40% !important;
  116. }
  117. .next-prev-links .wp-block-column:not(:first-child),
  118. .next-prev-links .wp-block-column:not(:only-child):not(:first-child) {
  119. margin-left: 20%;
  120. }
  121. .wp-block-post-template .wp-block-post-excerpt__more-text,
  122. .wp-block-query .wp-block-post-excerpt__more-text {
  123. font-size: var(--wp--custom--font-sizes--x-small) !important;
  124. }
  125. .wp-block-query-pagination {
  126. border-top: 1px solid var(--wp--custom--color--primary);
  127. }
  128. .wp-block-query-pagination .page-numbers {
  129. padding: 0 0.1em;
  130. }
  131. .wp-block-quote.is-style-large p {
  132. line-height: 1.4;
  133. }
  134. .wp-block-quote.is-style-large cite {
  135. text-align: unset;
  136. }
  137. .wp-block-table.is-style-stripes th,
  138. .wp-block-table th {
  139. font-weight: 400;
  140. }
  141. .wp-block-table.is-style-stripes tbody td,
  142. .wp-block-table tbody td {
  143. border-bottom-width: 0;
  144. border-top-width: 0;
  145. vertical-align: top;
  146. border-color: var(--wp--preset--color--primary);
  147. }
  148. .wp-block-table.is-style-stripes tr:first-child td,
  149. .wp-block-table tr:first-child td {
  150. border-top-width: 1px;
  151. }
  152. .wp-block-table.is-style-stripes tr:last-child td,
  153. .wp-block-table tr:last-child td {
  154. border-bottom-width: 1px;
  155. }
  156. .wp-block-pullquote {
  157. text-indent: -0.5ch;
  158. }
  159. .wp-block-pullquote cite {
  160. text-indent: 0.5ch;
  161. }
  162. .has-primary-background-color {
  163. color: var(--wp--preset--color--background);
  164. }
  165. .wp-block-post-content p a {
  166. -webkit-text-decoration-line: underline;
  167. text-decoration-line: underline;
  168. }
  169. .wp-block-post-content p a:hover {
  170. text-decoration: none;
  171. }
  172. a:not(.ab-item):not(.screen-reader-shortcut):active, a:not(.ab-item):not(.screen-reader-shortcut):focus {
  173. outline: 1px dotted currentColor;
  174. text-decoration: none;
  175. }
  176. input[type=text]:focus,
  177. input[type=email]:focus,
  178. input[type=url]:focus,
  179. input[type=password]:focus,
  180. input[type=search]:focus,
  181. input[type=number]:focus,
  182. input[type=tel]:focus,
  183. input[type=range]:focus,
  184. input[type=date]:focus,
  185. input[type=month]:focus,
  186. input[type=week]:focus,
  187. input[type=time]:focus,
  188. input[type=submit]:focus,
  189. input[type=datetime]:focus,
  190. input[type=datetime-local]:focus,
  191. input[type=color]:focus,
  192. textarea:focus {
  193. outline: 1px dotted currentColor;
  194. }
  195. .wp-block-post-featured-image {
  196. margin-top: 0;
  197. }
  198. /* Add some extra space if there's no post title present. */
  199. .wp-block-post-date + .wp-block-group > .wp-block-post-featured-image,
  200. .wp-block-post-date + .wp-block-group > .wp-block-post-excerpt {
  201. margin-top: calc(2 * var(--wp--style--block-gap));
  202. }
  203. /*# sourceMappingURL=theme.css.map */