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