theme.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  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. @font-face {
  79. font-family: "Inter";
  80. font-weight: 100 900;
  81. font-display: swap;
  82. font-style: normal;
  83. font-named-instance: "Regular";
  84. src: url("./fonts/Inter-roman_var.woff2") format("woff2");
  85. }
  86. @font-face {
  87. font-family: "Inter";
  88. font-weight: 100 900;
  89. font-display: swap;
  90. font-style: italic;
  91. font-named-instance: "Italic";
  92. src: url("./fonts/Inter-italic_var.woff2") format("woff2");
  93. }
  94. a:not(.wp-block-query-pagination-next):active {
  95. background: var(--wp--custom--color--foreground) !important;
  96. color: var(--wp--custom--color--background) !important;
  97. }
  98. div.post-meta.wp-block-group {
  99. gap: 0;
  100. }
  101. div.post-meta > *:not(:first-child):before {
  102. color: var(--wp--custom--color--foreground);
  103. content: "/";
  104. margin-left: var(--wp--custom--gap--baseline);
  105. margin-right: var(--wp--custom--gap--baseline);
  106. }
  107. div.post-meta a {
  108. text-decoration: none;
  109. }
  110. .is-vertical.items-justified-right ul.wp-block-navigation__container {
  111. align-items: flex-end;
  112. }
  113. footer > .wp-block-group {
  114. align-items: center;
  115. justify-content: space-between;
  116. }
  117. footer > .wp-block-group p {
  118. margin-bottom: 0;
  119. }
  120. footer > .wp-block-group .footer-credit {
  121. align-self: flex-end;
  122. }
  123. .post-tags-container .taxonomy-post_tag.wp-block-post-terms {
  124. display: flex;
  125. flex-wrap: wrap;
  126. gap: var(--wp--custom--gap--baseline, 1em);
  127. }
  128. .post-tags-container .taxonomy-post_tag.wp-block-post-terms a {
  129. background: var(--wp--custom--color--tertiary);
  130. border-radius: 100px;
  131. font-weight: 600;
  132. padding: 10px 20px;
  133. }
  134. .post-tags-container .taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator {
  135. display: none;
  136. }
  137. .wp-block-post-navigation-link {
  138. flex-grow: 1;
  139. }
  140. .wp-block-post-navigation-link:not(:empty) {
  141. border-top: 1px solid var(--wp--custom--color--primary);
  142. }
  143. .wp-block-post-navigation-link a {
  144. display: inline-block;
  145. margin-top: 10px;
  146. }
  147. .post-navigation-link-next {
  148. text-align: right;
  149. }
  150. div.wp-block-query-pagination {
  151. grid-template-areas: "prev next";
  152. grid-template-columns: 1fr 1fr;
  153. }
  154. div.wp-block-query-pagination .wp-block-query-pagination-previous,
  155. div.wp-block-query-pagination .wp-block-query-pagination-next {
  156. border-top: 1px solid var(--wp--custom--color--primary);
  157. padding-top: 10px;
  158. width: 100%;
  159. }
  160. div.wp-block-query-pagination .wp-block-query-pagination-next {
  161. text-align: right;
  162. }
  163. div.wp-block-query-pagination .is-arrow-arrow {
  164. font-family: var(--wp--preset--font-family--system-font);
  165. }
  166. /*# sourceMappingURL=theme.css.map */