WordPress.org
Get WordPress

Make WordPress Core

Changeset 58178


Ignore:
Timestamp:
05/20/2024 03:12:41 PM (2 years 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.