WordPress.org
Get WordPress

Make WordPress Core

Changeset 58178


Ignore:
Timestamp:
05/20/2024 03:12:41 PM (5 months ago)
Author:
karmatosed
Message:

Bundled Themes: Removes measurement in px for zero and related fixes.

The measurement in px for zero values is not needed. It does this for Twenty Twenty-One, Twenty Ten, Twenty Eleven and Twenty Nineteen. This also adds short-hand-property-no-redudant-values to Twenty Twenty-One's stylelint rules. Included is removing box-shadow prefixed rules before the standard property in Twenty Ten. Finally, it also removes empty spaces at the ends of lines in Twenty Thirteen, Twenty Nineteen and Twenty Twenty.

Props ankitmaru, SergeyBiryukov, netweb, mukesh27, ryelle, audrasjb, sabernhardt.
Fixes #53874.

Location:
trunk/src/wp-content/themes
Files:
16 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyeleven/blocks.css

    r57896 r58178  
    156156    -moz-border-radius: 3px;
    157157    border-radius: 3px;
    158     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    159     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    160     box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     158    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     159    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     160    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    161161    color: #eee;
    162162    cursor: pointer;
    … …  
    241241
    242242.wp-block-button .wp-block-button__link {
    243     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    244     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    245     box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     243    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     244    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     245    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    246246    cursor: pointer;
    247247    font-size: 15px;

  • trunk/src/wp-content/themes/twentyeleven/colors/dark.css

    r45109 r58178  
    410410    background: #222;
    411411    border-color: #333;
    412     -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    413     -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    414     box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
     412    -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
     413    -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
     414    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
    415415    color: #777;
    416416}
    417417.widget_search #searchsubmit:active {
    418     -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    419     -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    420     box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
     418    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
     419    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
     420    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    421421    color: #40220c;
    422422}
    … …  
    546546#respond input#submit {
    547547    background: #ddd;
    548     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    549     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    550     box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     548    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     549    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     550    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    551551    color: #111;
    552552    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);

  • trunk/src/wp-content/themes/twentyeleven/editor-blocks.css

    r54340 r58178  
    322322    -moz-border-radius: 3px;
    323323    border-radius: 3px;
    324     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    325     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    326     box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     324    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     325    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     326    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    327327    color: #eee;
    328328    cursor: pointer;
    … …  
    400400
    401401.wp-block-button .wp-block-button__link {
    402     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    403     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    404     box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     402    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     403    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     404    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    405405    cursor: pointer;
    406406    font-size: 15px;

  • trunk/src/wp-content/themes/twentyeleven/rtl.css

    r53820 r58178  
    4444/* Simplify the pullquotes and pull styles */
    4545.one-column.singular .entry-meta .edit-link a {
    46     right: 0px;
     46    right: 0;
    4747    left: auto;
    4848}
    … …  
    189189}
    190190.wp-caption .wp-caption-text {
    191     padding: 10px 40px 5px 0px;
     191    padding: 10px 40px 5px 0;
    192192}
    193193.wp-caption .wp-caption-text:before {
    … …  
    516516    .singular .entry-meta .edit-link a {
    517517        left: auto;
    518         right: 0px;
     518        right: 0;
    519519    }
    520520    /* Make sure we have room for our comment avatars */

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

    r58005 r58178  
    576576    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
    577577    background: -webkit-linear-gradient(#252525, #0a0a0a);
    578     -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    579     -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    580     box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
     578    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
     579    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
     580    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    581581    clear: both;
    582582    display: block;
    … …  
    18691869    background: #ddd;
    18701870    border: 1px solid #ccc;
    1871     -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    1872     -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
    1873     box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
     1871    -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
     1872    -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
     1873    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.09);
    18741874    color: #888;
    18751875    font-size: 13px;
    … …  
    18811881    background: #1982d1;
    18821882    border-color: #0861a5;
    1883     -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    1884     -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
    1885     box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
     1883    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
     1884    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
     1885    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    18861886    color: #bfddf3;
    18871887}
    … …  
    22742274    -moz-border-radius: 3px;
    22752275    border-radius: 3px;
    2276     -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    2277     -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    2278     box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
     2276    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     2277    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
     2278    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    22792279    color: #eee;
    22802280    cursor: pointer;

  • trunk/src/wp-content/themes/twentynineteen/print.scss

    r58100 r58178  
    4848    h3,
    4949    h4,
    50     .has-regular-font-size, 
    51     .has-large-font-size, 
    52     h2.author-title, 
    53     p.author-bio, 
     50    .has-regular-font-size,
     51    .has-large-font-size,
     52    h2.author-title,
     53    p.author-bio,
    5454    .comments-title, h3 {
    5555        font-size: 14pt;

  • trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r57712 r58178  
    554554        }
    555555
    556         // If an image does not have a left/center/right alignment, 
    557         // it's a direct child of .wp-block-image.  If it has no other 
    558         // alignment added, we want to make sure the image and its 
     556        // If an image does not have a left/center/right alignment,
     557        // it's a direct child of .wp-block-image.  If it has no other
     558        // alignment added, we want to make sure the image and its
    559559        // caption do not extend beyond the width of the text column.
    560560        &:not(.alignwide):not(.alignfull) > img,
    … …  
    841841    .wp-block-group {
    842842
    843         // When the Group block is standard/wide, we need to prevent full-aligned 
     843        // When the Group block is standard/wide, we need to prevent full-aligned
    844844        // child blocks from expanding out of their container.
    845845        &:not(.alignfull) > .wp-block-group__inner-container > .alignfull,
    … …  
    882882            }
    883883
    884             // If the Group block is full-width, it does not need this extra padding. 
     884            // If the Group block is full-width, it does not need this extra padding.
    885885            &.alignfull {
    886886                padding-left: 0;
    … …  
    897897                width: 100%;
    898898                max-width: 100%;
    899                
     899
    900900                @include media(tablet) {
    901901                    width: calc( 100% + #{$size__spacing-unit * 2} );
    … …  
    905905            }
    906906        }
    907        
    908907    }
    909908

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

    r57712 r58178  
    14591459  text-align: left;
    14601460  text-align: center;
    1461   -webkit-margin-start: 0px;
    1462   margin-inline-start: 0px;
     1461  -webkit-margin-start: 0;
     1462  margin-inline-start: 0;
    14631463}
    14641464

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

    r57712 r58178  
    427427        font-weight: bold;
    428428        border-radius: 5px;
    429    
     429
    430430        &:not(.has-text-color) {
    431431            color: #fff;
    … …  
    842842        text-align: left;
    843843        text-align: center;
    844         -webkit-margin-start: 0px;
    845         margin-inline-start: 0px;
     844        -webkit-margin-start: 0;
     845        margin-inline-start: 0;
    846846    }
    847847}
    … …  
    866866
    867867// This matches the 22px value for 1rem that used on the front end.
    868 // It must be specified in pixels for the editor, since the root font 
    869 // size is different here. 
     868// It must be specified in pixels for the editor, since the root font
     869// size is different here.
    870870$group-block-background__padding: $font__size_base;
    871871
    … …  
    917917    // Group block with background color
    918918    &.has-background {
    919        
     919
    920920        // Child blocks: Default alignments
    921921        > .wp-block-group__inner-container > .wp-block:not([data-align="wide"]):not([data-align="full"]):not(.alignwide):not(.alignfull) {
    … …  
    934934.wp-block[data-align="full"] > .wp-block-group {
    935935
    936         // Margins & padding are added to this container to mimic 
    937         // the style + spacing of the .editor-writing-flow global 
    938         // container. This way, child items sync up with the placement 
    939         // and size of other top-level blocks. 
     936        // Margins & padding are added to this container to mimic
     937        // the style + spacing of the .editor-writing-flow global
     938        // container. This way, child items sync up with the placement
     939        // and size of other top-level blocks.
    940940        > .wp-block-group__inner-container {
    941941
    942942            // 2px of extra padding are added to each side here
    943             // To better match up with the spacing of the whole 
    944             // document. 
     943            // To better match up with the spacing of the whole
     944            // document.
    945945            @include media(tablet) {
    946946                width: 80%;
    947947                margin-left: 10%;
    948                 margin-right: 10%; 
     948                margin-right: 10%;
    949949                padding-left: 10px;
    950950                padding-right: 10px;

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

    r57886 r58178  
    324324    background: #f9f9f9;
    325325    border: 1px solid #ccc;
     326    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
     327    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    326328    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    327     -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    328     -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    329329    padding: 2px;
    330330}
    … …  
    419419}
    420420#access ul ul {
    421     box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    422     -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    423     -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
     421    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
     422    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
     423    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    424424    display: none;
    425425    position: absolute;

  • trunk/src/wp-content/themes/twentythirteen/css/blocks.css

    r58103 r58178  
    203203
    204204@media screen and (min-width: 665px) {
    205     body:not(.sidebar) .wp-block-cover__inner-container > .wp-block-group.alignfull, 
     205    body:not(.sidebar) .wp-block-cover__inner-container > .wp-block-group.alignfull,
    206206    body:not(.sidebar) .wp-block-cover__inner-container > .wp-block-group.has-background.alignfull {
    207207        padding: 20px;

  • trunk/src/wp-content/themes/twentytwenty/print.css

    r50976 r58178  
    3636    padding: 0;
    3737  }
    38   
     38 
    3939  /* Width */
    4040
    … …  
    112112
    113113  /* Links */
    114  
     114
    115115  a:link,
    116116  a:visited,

  • trunk/src/wp-content/themes/twentytwentyone/.stylelintrc-css.json

    r57122 r58178  
    2020        "no-descending-specificity": null,
    2121        "length-zero-no-unit": [true, {"ignore": ["custom-properties"]}],
     22        "shorthand-property-no-redundant-values": true,
    2223        "value-keyword-case": ["lower", {
    2324            "ignoreKeywords": ["currentColor"]

  • trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css

    r58142 r58178  
    29252925    border-style: solid;
    29262926    border-color: #28303d transparent;
    2927     border-width: 0 7px 10px 7px;
     2927    border-width: 0 7px 10px;
    29282928}
    29292929
    … …  
    48314831    color: #28303d;
    48324832    font-size: 1rem;
    4833     padding: 8px 0 9px 0;
     4833    padding: 8px 0 9px;
    48344834}
    48354835
    … …  
    52925292        border-style: solid;
    52935293        border-color: #28303d transparent;
    5294         border-width: 0 7px 10px 7px;
     5294        border-width: 0 7px 10px;
    52955295    }
    52965296
    … …  
    58335833
    58345834    .comments-pagination {
    5835         margin: 90px auto 120px auto;
     5835        margin: 90px auto 120px;
    58365836    }
    58375837}

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

    r58142 r58178  
    27582758    border-style: solid;
    27592759    border-color: var(--primary-nav--border-color) transparent;
    2760     border-width: 0 7px 10px 7px;
     2760    border-width: 0 7px 10px;
    27612761}
    27622762
    … …  
    43394339    color: var(--global--color-primary);
    43404340    font-size: var(--global--font-size-xs);
    4341     padding: 8px 0 9px 0;
     4341    padding: 8px 0 9px;
    43424342}
    43434343
    … …  
    47994799        border-style: solid;
    48004800        border-color: var(--primary-nav--border-color) transparent;
    4801         border-width: 0 7px 10px 7px;
     4801        border-width: 0 7px 10px;
    48024802    }
    48034803

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

    r58142 r58178  
    27682768    border-style: solid;
    27692769    border-color: var(--primary-nav--border-color) transparent;
    2770     border-width: 0 7px 10px 7px;
     2770    border-width: 0 7px 10px;
    27712771}
    27722772
    … …  
    43594359    color: var(--global--color-primary);
    43604360    font-size: var(--global--font-size-xs);
    4361     padding: 8px 0 9px 0;
     4361    padding: 8px 0 9px;
    43624362}
    43634363
    … …  
    48194819        border-style: solid;
    48204820        border-color: var(--primary-nav--border-color) transparent;
    4821         border-width: 0 7px 10px 7px;
     4821        border-width: 0 7px 10px;
    48224822    }
    48234823
Note: See TracChangeset for help on using the changeset viewer.