You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

161 lines
5.8 KiB

1 year ago
  1. /*
  2. Theme Name: Twenty Twenty-Two
  3. Theme URI: https://wordpress.org/themes/twentytwentytwo/
  4. Author: the WordPress team
  5. Author URI: https://wordpress.org/
  6. Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The themes subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Site Editor features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether youre building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
  7. Requires at least: 5.9
  8. Tested up to: 6.4
  9. Requires PHP: 5.6
  10. Version: 1.6
  11. License: GNU General Public License v2 or later
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13. Text Domain: twentytwentytwo
  14. Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, style-variations, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
  15. Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
  16. Twenty Twenty-Two is distributed under the terms of the GNU GPL.
  17. */
  18. /*
  19. * Font smoothing.
  20. * This is a niche setting that will not be available via Global Styles.
  21. * https://github.com/WordPress/gutenberg/issues/35934
  22. */
  23. body {
  24. -moz-osx-font-smoothing: grayscale;
  25. -webkit-font-smoothing: antialiased;
  26. }
  27. /*
  28. * Text and navigation link styles.
  29. * Necessary until the following issue is resolved in Gutenberg:
  30. * https://github.com/WordPress/gutenberg/issues/27075
  31. */
  32. a {
  33. text-decoration-thickness: 1px;
  34. text-underline-offset: 0.25ch;
  35. }
  36. a:hover,
  37. a:focus {
  38. text-decoration-style: dashed;
  39. }
  40. a:active {
  41. text-decoration: none;
  42. }
  43. .wp-block-navigation .wp-block-navigation-item a:hover,
  44. .wp-block-navigation .wp-block-navigation-item a:focus {
  45. text-decoration: underline;
  46. text-decoration-style: solid;
  47. }
  48. /*
  49. * Search and File Block button styles.
  50. * Necessary until the following issues are resolved in Gutenberg:
  51. * https://github.com/WordPress/gutenberg/issues/36444
  52. * https://github.com/WordPress/gutenberg/issues/27760
  53. */
  54. .wp-block-search__button,
  55. .wp-block-file .wp-block-file__button {
  56. background-color: var(--wp--preset--color--primary);
  57. border-radius: 0;
  58. border: none;
  59. color: var(--wp--preset--color--background);
  60. font-size: var(--wp--preset--font-size--medium);
  61. padding: calc(.667em + 2px) calc(1.333em + 2px);
  62. }
  63. /*
  64. * Button hover styles.
  65. * Necessary until the following issue is resolved in Gutenberg:
  66. * https://github.com/WordPress/gutenberg/issues/27075
  67. */
  68. .wp-block-search__button:hover,
  69. .wp-block-file .wp-block-file__button:hover,
  70. .wp-block-button__link:hover {
  71. opacity: 0.90;
  72. }
  73. /*
  74. * Alignment styles.
  75. * These rules are temporary, and should not be relied on or
  76. * modified too heavily by themes or plugins that build on
  77. * Twenty Twenty-Two. These are meant to be a precursor to
  78. * a global solution provided by the Block Editor.
  79. *
  80. * Relevant issues:
  81. * https://github.com/WordPress/gutenberg/issues/35607
  82. * https://github.com/WordPress/gutenberg/issues/35884
  83. */
  84. .wp-site-blocks,
  85. body > .is-root-container,
  86. .edit-post-visual-editor__post-title-wrapper,
  87. .wp-block-group.alignfull,
  88. .wp-block-group.has-background,
  89. .wp-block-cover.alignfull,
  90. .is-root-container .wp-block[data-align="full"] > .wp-block-group,
  91. .is-root-container .wp-block[data-align="full"] > .wp-block-cover {
  92. padding-left: var(--wp--custom--spacing--outer);
  93. padding-right: var(--wp--custom--spacing--outer);
  94. }
  95. .wp-site-blocks .alignfull,
  96. .wp-site-blocks > .wp-block-group.has-background,
  97. .wp-site-blocks > .wp-block-cover,
  98. .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
  99. .wp-site-blocks > .wp-block-template-part > .wp-block-cover,
  100. body > .is-root-container > .wp-block-cover,
  101. body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
  102. body > .is-root-container > .wp-block-template-part > .wp-block-cover,
  103. .is-root-container .wp-block[data-align="full"] {
  104. margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  105. margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  106. width: unset;
  107. }
  108. /* Blocks inside columns don't have negative margins. */
  109. .wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
  110. .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
  111. /* We also want to avoid stacking negative margins. */
  112. .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
  113. .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
  114. margin-left: auto !important;
  115. margin-right: auto !important;
  116. width: inherit;
  117. }
  118. /*
  119. * Responsive menu container padding.
  120. * This ensures the responsive container inherits the same
  121. * spacing defined above. This behavior may be built into
  122. * the Block Editor in the future.
  123. */
  124. .wp-block-navigation__responsive-container.is-menu-open {
  125. padding-top: var(--wp--custom--spacing--outer);
  126. padding-bottom: var(--wp--custom--spacing--large);
  127. padding-right: var(--wp--custom--spacing--outer);
  128. padding-left: var(--wp--custom--spacing--outer);
  129. }
  130. /*
  131. * Improves spacing for the legacy Post Comments block.
  132. * https://core.trac.wordpress.org/ticket/57560
  133. */
  134. .wp-block-post-comments ol.commentlist ul.children {
  135. margin-top: 1rem;
  136. margin-bottom: 1rem;
  137. }
  138. .wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
  139. margin-bottom: 1rem;
  140. }