WordPress.org
Get WordPress

Make WordPress Core

Changeset 62510


Ignore:
Timestamp:
06/16/2026 06:20:55 PM (28 hours ago)
Author:
desrosj
Message:

Twenty Nineteen: Ensure only one PostCSS module is configured.

The postcss.config.js file in Twenty Ninteen currently has two module.exports asignments configuring two plugins: autoprefixer (for ensuring browser-specific CSS nuances are accounted for) and postcss-focus-within (ensures :fucs-within rules are duplicated as [focus-within] attribute selectors).

The first assignment is being ignored entirely, which means autoprefixer never runs against generated CSS files.

This updates the postcss.config.js file to contain only one modules.export statement, which restores the behavior of autoprefixer. The dependencies related to browser usage statistics have also been updated, and the resulting changes to built CSS files subject to version control are also included:

  • Browser-specific prefixes for the hyphens property have been removed.
  • The ::-moz-selection is no longer required for the ::selection psuedo-element.
  • Brower-specific prefixes are no longer required for min-content and max-content values.
  • Webkit browsers no longer require a -webkit- prefix for user-select: none.
  • The -webkit- prefix is no longer required for the filter property.
  • The text-decoration property no longer requires browser prefixes.

Fixes #65452.

Location:
trunk/src/wp-content/themes/twentynineteen
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentynineteen/package-lock.json

    r62344 r62510  
    312312    },
    313313    "node_modules/baseline-browser-mapping": {
    314       "version": "2.8.25",
    315       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.25.tgz",
    316       "integrity": "sha512-2NovHVesVF5TXefsGX1yzx1xgr7+m9JQenvz6FQY3qd+YXkKkYiv+vTCc7OriP9mcDZpTC5mAOYN4ocd29+erA==",
     314      "version": "2.10.35",
     315      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.35.tgz",
     316      "integrity": "sha512-honAfLBde0HAFLdNyBEfuuENkF6zR+ozxqxa/2zJKHBe1qzLqyTSeRKpdPEHAP03rlDGyQOPnCSxnVpVqQo9Mg==",
    317317      "dev": true,
    318318      "license": "Apache-2.0",
    319319      "bin": {
    320         "baseline-browser-mapping": "dist/cli.js"
     320        "baseline-browser-mapping": "dist/cli.cjs"
     321      },
     322      "engines": {
     323        "node": ">=6.0.0"
    321324      }
    322325    },
    … …  
    484487    },
    485488    "node_modules/caniuse-lite": {
    486       "version": "1.0.30001754",
    487       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001754.tgz",
    488       "integrity": "sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==",
     489      "version": "1.0.30001799",
     490      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz",
     491      "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==",
    489492      "dev": true,
    490493      "funding": [
    … …  
    41194122    },
    41204123    "baseline-browser-mapping": {
    4121       "version": "2.8.25",
    4122       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.25.tgz",
    4123       "integrity": "sha512-2NovHVesVF5TXefsGX1yzx1xgr7+m9JQenvz6FQY3qd+YXkKkYiv+vTCc7OriP9mcDZpTC5mAOYN4ocd29+erA==",
     4124      "version": "2.10.35",
     4125      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.35.tgz",
     4126      "integrity": "sha512-honAfLBde0HAFLdNyBEfuuENkF6zR+ozxqxa/2zJKHBe1qzLqyTSeRKpdPEHAP03rlDGyQOPnCSxnVpVqQo9Mg==",
    41244127      "dev": true
    41254128    },
    … …  
    42394242    },
    42404243    "caniuse-lite": {
    4241       "version": "1.0.30001754",
    4242       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001754.tgz",
    4243       "integrity": "sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==",
     4244      "version": "1.0.30001799",
     4245      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz",
     4246      "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==",
    42444247      "dev": true
    42454248    },

  • trunk/src/wp-content/themes/twentynineteen/postcss.config.js

    r55458 r62510  
    11var postcssFocusWithin = require('postcss-focus-within');
    2 
    3 module.exports = {
    4     plugins: {
    5         autoprefixer: {}
    6     }
    7 };
     2var autoprefixer = require('autoprefixer');
    83
    94module.exports = {
    … …  
    116        postcssFocusWithin({
    127            disablePolyfillReadyClass: true
    13         })
     8        }),
     9        autoprefixer()
    1410    ]
    1511};

  • trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss

    r58290 r62510  
    6161    .social-navigation svg,
    6262    .site-featured-image svg {
    63         /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    64         -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
    65                 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
     63        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
    6664    }
    6765

  • trunk/src/wp-content/themes/twentynineteen/style-editor.css

    r62112 r62510  
    14831483  text-align: left;
    14841484  text-align: center;
    1485   -webkit-margin-start: 0;
    14861485  margin-inline-start: 0;
    14871486}

  • trunk/src/wp-content/themes/twentynineteen/style-rtl.css

    r62344 r62510  
    19561956  text-decoration: underline;
    19571957  /* 2 */
    1958   text-decoration: underline dotted;
     1958  -webkit-text-decoration: underline dotted;
     1959          text-decoration: underline dotted;
    19591960  /* 2 */
    19601961}
    … …  
    23972398.comments-title,
    23982399blockquote {
    2399   -webkit-hyphens: auto;
    2400   -moz-hyphens: auto;
    2401   -ms-hyphens: auto;
    24022400  hyphens: auto;
    24032401  word-break: break-word;
    … …  
    24082406@media only screen and (min-width: 768px) {
    24092407  .entry-title {
    2410     -webkit-hyphens: none;
    2411     -moz-hyphens: none;
    2412     -ms-hyphens: none;
    24132408    hyphens: none;
    24142409  }
    … …  
    24792474html {
    24802475  box-sizing: border-box;
    2481 }
    2482 
    2483 ::-moz-selection {
    2484   background-color: #bfdcea;
    24852476}
    24862477
    … …  
    29212912  .main-navigation .sub-menu {
    29222913    width: auto;
    2923     min-width: -moz-max-content;
    2924     min-width: -webkit-max-content;
    29252914    min-width: max-content;
    29262915  }
    … …  
    30373026    bottom: auto;
    30383027    height: auto;
    3039     min-width: -moz-max-content;
    3040     min-width: -webkit-max-content;
    30413028    min-width: max-content;
    30423029    transform: none;
    … …  
    30523039    bottom: auto;
    30533040    height: auto;
    3054     min-width: -moz-max-content;
    3055     min-width: -webkit-max-content;
    30563041    min-width: max-content;
    30573042    transform: none;
    … …  
    31763161    bottom: auto;
    31773162    height: auto;
    3178     min-width: -moz-max-content;
    3179     min-width: -webkit-max-content;
    31803163    min-width: max-content;
    31813164    transform: none;
    … …  
    34683451.post-navigation .nav-links a .meta-nav {
    34693452  color: #767676;
    3470   user-select: none;
     3453  -webkit-user-select: none;
     3454          user-select: none;
    34713455}
    34723456
    … …  
    37573741.site-branding {
    37583742  color: #767676;
    3759   -webkit-hyphens: auto;
    3760   -moz-hyphens: auto;
    3761   -ms-hyphens: auto;
    37623743  hyphens: auto;
    37633744  position: relative;
    … …  
    39583939.site-header.featured-image .social-navigation svg,
    39593940.site-header.featured-image .site-featured-image svg {
    3960   /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    3961   -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    39623941  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    39633942}
    … …  
    41584137}
    41594138
    4160 .site-header.featured-image ::-moz-selection {
    4161   background: rgba(255, 255, 255, 0.17);
    4162 }
    4163 
    41644139.site-header.featured-image ::selection {
    41654140  background: rgba(255, 255, 255, 0.17);
    … …  
    45584533
    45594534.comments-area {
    4560   -webkit-hyphens: auto;
    4561   -moz-hyphens: auto;
    4562   -ms-hyphens: auto;
    45634535  hyphens: auto;
    45644536  margin: calc(2 * 1rem) 1rem;
    … …  
    50895061
    50905062#colophon .widget-column .widget {
    5091   -webkit-hyphens: auto;
    5092   -moz-hyphens: auto;
    5093   -ms-hyphens: auto;
    50945063  hyphens: auto;
    50955064  width: 100%;
    … …  
    51065075#colophon .site-info {
    51075076  color: #767676;
    5108   -webkit-hyphens: auto;
    5109   -moz-hyphens: auto;
    5110   -ms-hyphens: auto;
    51115077  hyphens: auto;
    51125078  word-wrap: break-word;

  • trunk/src/wp-content/themes/twentynineteen/style.css

    r62344 r62510  
    19561956  text-decoration: underline;
    19571957  /* 2 */
    1958   text-decoration: underline dotted;
     1958  -webkit-text-decoration: underline dotted;
     1959          text-decoration: underline dotted;
    19591960  /* 2 */
    19601961}
    … …  
    23972398.comments-title,
    23982399blockquote {
    2399   -webkit-hyphens: auto;
    2400   -moz-hyphens: auto;
    2401   -ms-hyphens: auto;
    24022400  hyphens: auto;
    24032401  word-break: break-word;
    … …  
    24082406@media only screen and (min-width: 768px) {
    24092407  .entry-title {
    2410     -webkit-hyphens: none;
    2411     -moz-hyphens: none;
    2412     -ms-hyphens: none;
    24132408    hyphens: none;
    24142409  }
    … …  
    24792474html {
    24802475  box-sizing: border-box;
    2481 }
    2482 
    2483 ::-moz-selection {
    2484   background-color: #bfdcea;
    24852476}
    24862477
    … …  
    29212912  .main-navigation .sub-menu {
    29222913    width: auto;
    2923     min-width: -moz-max-content;
    2924     min-width: -webkit-max-content;
    29252914    min-width: max-content;
    29262915  }
    … …  
    30373026    bottom: auto;
    30383027    height: auto;
    3039     min-width: -moz-max-content;
    3040     min-width: -webkit-max-content;
    30413028    min-width: max-content;
    30423029    transform: none;
    … …  
    30523039    bottom: auto;
    30533040    height: auto;
    3054     min-width: -moz-max-content;
    3055     min-width: -webkit-max-content;
    30563041    min-width: max-content;
    30573042    transform: none;
    … …  
    31763161    bottom: auto;
    31773162    height: auto;
    3178     min-width: -moz-max-content;
    3179     min-width: -webkit-max-content;
    31803163    min-width: max-content;
    31813164    transform: none;
    … …  
    34683451.post-navigation .nav-links a .meta-nav {
    34693452  color: #767676;
    3470   user-select: none;
     3453  -webkit-user-select: none;
     3454          user-select: none;
    34713455}
    34723456
    … …  
    37633747.site-branding {
    37643748  color: #767676;
    3765   -webkit-hyphens: auto;
    3766   -moz-hyphens: auto;
    3767   -ms-hyphens: auto;
    37683749  hyphens: auto;
    37693750  position: relative;
    … …  
    39643945.site-header.featured-image .social-navigation svg,
    39653946.site-header.featured-image .site-featured-image svg {
    3966   /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    3967   -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    39683947  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
    39693948}
    … …  
    41644143}
    41654144
    4166 .site-header.featured-image ::-moz-selection {
    4167   background: rgba(255, 255, 255, 0.17);
    4168 }
    4169 
    41704145.site-header.featured-image ::selection {
    41714146  background: rgba(255, 255, 255, 0.17);
    … …  
    45644539
    45654540.comments-area {
    4566   -webkit-hyphens: auto;
    4567   -moz-hyphens: auto;
    4568   -ms-hyphens: auto;
    45694541  hyphens: auto;
    45704542  margin: calc(2 * 1rem) 1rem;
    … …  
    50955067
    50965068#colophon .widget-column .widget {
    5097   -webkit-hyphens: auto;
    5098   -moz-hyphens: auto;
    5099   -ms-hyphens: auto;
    51005069  hyphens: auto;
    51015070  width: 100%;
    … …  
    51125081#colophon .site-info {
    51135082  color: #767676;
    5114   -webkit-hyphens: auto;
    5115   -moz-hyphens: auto;
    5116   -ms-hyphens: auto;
    51175083  hyphens: auto;
    51185084  word-wrap: break-word;
Note: See TracChangeset for help on using the changeset viewer.