theme.css 4.6 KB

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