[Summary view] [Print] [Text view]

   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 theme’s 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 you’re 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.7
   9  Requires PHP: 5.6
  10  Version: 1.9
  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  
  16  Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
  17  Twenty Twenty-Two is distributed under the terms of the GNU GPL.
  18  */
  19  
  20  /*
  21   * Font smoothing.
  22   * This is a niche setting that will not be available via Global Styles.
  23   * https://github.com/WordPress/gutenberg/issues/35934
  24   */
  25  
  26  body {
  27      -moz-osx-font-smoothing: grayscale;
  28      -webkit-font-smoothing: antialiased;
  29  }
  30  
  31  /*
  32   * Text and navigation link styles.
  33   * Necessary until the following issue is resolved in Gutenberg:
  34   * https://github.com/WordPress/gutenberg/issues/27075
  35   */
  36  
  37  a {
  38      text-decoration-thickness: 1px;
  39      text-underline-offset: 0.25ch;
  40  }
  41  
  42  a:hover,
  43  a:focus {
  44      text-decoration-style: dashed;
  45  }
  46  
  47  a:active {
  48      text-decoration: none;
  49  }
  50  
  51  .wp-block-navigation .wp-block-navigation-item a:hover,
  52  .wp-block-navigation .wp-block-navigation-item a:focus {
  53      text-decoration: underline;
  54      text-decoration-style: solid;
  55  }
  56  
  57  /*
  58   * Search and File Block button styles.
  59   * Necessary until the following issues are resolved in Gutenberg:
  60   * https://github.com/WordPress/gutenberg/issues/36444
  61   * https://github.com/WordPress/gutenberg/issues/27760
  62   */
  63  
  64  .wp-block-search__button,
  65  .wp-block-file .wp-block-file__button {
  66      background-color: var(--wp--preset--color--primary);
  67      border-radius: 0;
  68      border: 0 solid;
  69      color: var(--wp--preset--color--background);
  70      font-size: var(--wp--preset--font-size--medium);
  71      padding: calc(.667em + 2px) calc(1.333em + 2px);
  72  }
  73  
  74  /*
  75   * Button hover styles.
  76   * Necessary until the following issue is resolved in Gutenberg:
  77   * https://github.com/WordPress/gutenberg/issues/27075
  78   */
  79  
  80  .wp-block-search__button:hover,
  81  .wp-block-file .wp-block-file__button:hover,
  82  .wp-block-button__link:hover {
  83      opacity: 0.90;
  84  }
  85  
  86  /*
  87   * Alignment styles.
  88   * These rules are temporary, and should not be relied on or
  89   * modified too heavily by themes or plugins that build on
  90   * Twenty Twenty-Two. These are meant to be a precursor to
  91   * a global solution provided by the Block Editor.
  92   *
  93   * Relevant issues:
  94   * https://github.com/WordPress/gutenberg/issues/35607
  95   * https://github.com/WordPress/gutenberg/issues/35884
  96   */
  97  
  98  .wp-site-blocks,
  99  body > .is-root-container,
 100  .edit-post-visual-editor__post-title-wrapper,
 101  .wp-block-group.alignfull,
 102  .wp-block-group.has-background,
 103  .wp-block-cover.alignfull,
 104  .is-root-container .wp-block[data-align="full"] > .wp-block-group,
 105  .is-root-container .wp-block[data-align="full"] > .wp-block-cover {
 106      padding-left: var(--wp--custom--spacing--outer);
 107      padding-right: var(--wp--custom--spacing--outer);
 108  }
 109  
 110  .wp-site-blocks .alignfull,
 111  .wp-site-blocks > .wp-block-group.has-background,
 112  .wp-site-blocks > .wp-block-cover,
 113  .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
 114  .wp-site-blocks > .wp-block-template-part > .wp-block-cover,
 115  body > .is-root-container > .wp-block-cover,
 116  body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
 117  body > .is-root-container > .wp-block-template-part > .wp-block-cover,
 118  .is-root-container .wp-block[data-align="full"] {
 119      margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
 120      margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
 121      width: unset;
 122  }
 123  
 124  /* Blocks inside columns don't have negative margins. */
 125  .wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
 126  .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
 127  /* We also want to avoid stacking negative margins. */
 128  .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
 129  .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
 130      margin-left: auto !important;
 131      margin-right: auto !important;
 132      width: inherit;
 133  }
 134  
 135  /*
 136   * Responsive menu container padding.
 137   * This ensures the responsive container inherits the same
 138   * spacing defined above. This behavior may be built into
 139   * the Block Editor in the future.
 140   */
 141  
 142  .wp-block-navigation__responsive-container.is-menu-open {
 143      padding-top: var(--wp--custom--spacing--outer);
 144      padding-bottom: var(--wp--custom--spacing--large);
 145      padding-right: var(--wp--custom--spacing--outer);
 146      padding-left: var(--wp--custom--spacing--outer);
 147  }
 148  
 149  /*
 150   * Improves spacing for the legacy Post Comments block.
 151   * https://core.trac.wordpress.org/ticket/57560
 152   */
 153  
 154  .wp-block-post-comments ol.commentlist ul.children {
 155      margin-top: 1rem;
 156      margin-bottom: 1rem;
 157  }
 158  
 159  .wp-block-post-comments ol.commentlist li.comment:not(:last-child) {
 160      margin-bottom: 1rem;
 161  }