WordPress.org
Get WordPress

Make WordPress Core

Changeset 63504


Ignore:
Timestamp:
09/05/2026 01:34:00 PM (22 hours ago)
Author:
afercia
Message:

Administration: Fix the CSS Coding Standards in admin-bar.css.

Lints the src/wp-includes/css/admin-bar.css file.
Part of the ongoing effort to lint all the admin CSS files.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/13158

See #65898.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-includes/css/admin-bar.css

    r63306 r63504  
    3535#wpadminbar .ab-empty-item {
    3636        cursor: default;
     37        outline: none;
    3738}
    3839
    … …  
    4950}
    5051
    51 #wpadminbar ul li:before,
    52 #wpadminbar ul li:after {
     52#wpadminbar ul li::before,
     53#wpadminbar ul li::after {
    5354        content: normal;
    5455}
    … …  
    116117}
    117118
    118 #wpadminbar ul#wp-admin-bar-root-default>li {
     119#wpadminbar ul#wp-admin-bar-root-default > li {
    119120        margin-right: 0;
    120121}
    … …  
    126127#wpadminbar li {
    127128        float: left;
    128 }
    129 
    130 #wpadminbar .ab-empty-item {
    131         outline: none;
    132129}
    133130
    … …  
    232229#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
    233230#wpadminbar .ab-icon,
    234 #wpadminbar .ab-item:before,
     231#wpadminbar .ab-item::before,
    235232.wp-admin-bar-arrow {
    236233        position: relative;
    237234        float: left;
    238         font: normal 20px/1 dashicons;
     235        font: 400 20px/1 dashicons;
    239236        padding: 4px 0;
    240237        -webkit-font-smoothing: antialiased;
    … …  
    244241}
    245242
    246 #wpadminbar .ab-icon:before,
    247 #wpadminbar .ab-item:before,
    248 #wpadminbar #adminbarsearch:before {
     243#wpadminbar .ab-icon::before,
     244#wpadminbar .ab-item::before,
     245#wpadminbar #adminbarsearch::before {
     246        position: relative;
    249247        color: #a7aaad;
    250248        color: rgba(240, 246, 252, 0.6);
    251 }
    252 
    253 #wpadminbar .ab-icon:before,
    254 #wpadminbar .ab-item:before,
    255 #wpadminbar #adminbarsearch:before {
    256         position: relative;
    257         transition: color .1s ease-in-out;
     249        transition: color 0.1s ease-in-out;
    258250}
    259251
    … …  
    287279#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
    288280#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
    289 #wpadminbar li:hover .ab-icon:before,
    290 #wpadminbar li:hover .ab-item:before,
    291 #wpadminbar li a:focus .ab-icon:before,
    292 #wpadminbar li .ab-item:focus:before,
    293 #wpadminbar li .ab-item:focus .ab-icon:before,
    294 #wpadminbar li.hover .ab-icon:before,
    295 #wpadminbar li.hover .ab-item:before,
    296 #wpadminbar li:hover #adminbarsearch:before,
    297 #wpadminbar li #adminbarsearch.adminbar-focused:before {
     281#wpadminbar li:hover .ab-icon::before,
     282#wpadminbar li:hover .ab-item::before,
     283#wpadminbar li a:focus .ab-icon::before,
     284#wpadminbar li .ab-item:focus::before,
     285#wpadminbar li .ab-item:focus .ab-icon::before,
     286#wpadminbar li.hover .ab-icon::before,
     287#wpadminbar li.hover .ab-item::before,
     288#wpadminbar li:hover #adminbarsearch::before,
     289#wpadminbar li #adminbarsearch.adminbar-focused::before {
    298290        color: #72aee6;
    299291}
    300292
    301 #wpadminbar.mobile .quicklinks .ab-icon:before,
    302 #wpadminbar.mobile .quicklinks .ab-item:before {
     293#wpadminbar.mobile .quicklinks .ab-icon::before,
     294#wpadminbar.mobile .quicklinks .ab-item::before {
    303295        color: #c3c4c7;
    304296}
    305297
    306 #wpadminbar.mobile .quicklinks .hover .ab-icon:before,
    307 #wpadminbar.mobile .quicklinks .hover .ab-item:before {
     298#wpadminbar.mobile .quicklinks .hover .ab-icon::before,
     299#wpadminbar.mobile .quicklinks .hover .ab-item::before {
    308300        color: #72aee6;
    309301}
    310302
    311 #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before,
    312 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
     303#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow::before,
     304#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item::before {
    313305        position: absolute;
    314         font: normal 17px/1 dashicons;
     306        font: 400 17px/1 dashicons;
    315307        -webkit-font-smoothing: antialiased;
    316308        -moz-osx-font-smoothing: grayscale;
    … …  
    322314}
    323315
    324 #wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
     316#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow::before {
    325317        top: 1px;
    326318        right: 10px;
    327319        padding: 4px 0;
    328320        content: "\f139";
    329         content: "\f139" / '';
     321        content: "\f139" / "";
    330322        color: inherit;
    331323}
    … …  
    336328}
    337329
    338 #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
     330#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow::before {
    339331        top: 1px;
    340332        left: 6px;
    341333        content: "\f141";
    342         content: "\f141" / '';
     334        content: "\f141" / "";
    343335}
    344336
    … …  
    393385}
    394386
    395 #wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
     387#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
    396388#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
    397389#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
    … …  
    412404}
    413405
    414 #wp-admin-bar-my-account > .ab-item:before {
     406#wp-admin-bar-my-account > .ab-item::before {
    415407        content: "\f110";
    416         content: "\f110" / '';
     408        content: "\f110" / "";
    417409        top: 2px;
    418410        float: right;
    … …  
    421413}
    422414
    423 #wp-admin-bar-my-account.with-avatar > .ab-item:before {
     415#wp-admin-bar-my-account.with-avatar > .ab-item::before {
    424416        display: none;
    425417        content: none;
    … …  
    509501}
    510502
    511 #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
     503#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
    512504        content: "\f120";
    513         content: "\f120" / '';
     505        content: "\f120" / "";
    514506        top: 2px;
    515507}
    … …  
    521513        display: inline-block;
    522514        vertical-align: middle;
    523         font: normal 16px/1 dashicons !important;
     515        font: 400 16px/1 dashicons !important;
    524516        -webkit-font-smoothing: antialiased;
    525517        -moz-osx-font-smoothing: grayscale;
    … …  
    534526
    535527#wpadminbar .quicklinks li img.blavatar,
    536 #wpadminbar .quicklinks li div.blavatar:before {
     528#wpadminbar .quicklinks li div.blavatar::before {
    537529        height: 16px;
    538530        width: 16px;
    … …  
    544536}
    545537
    546 #wpadminbar .quicklinks li div.blavatar:before {
     538#wpadminbar .quicklinks li div.blavatar::before {
    547539        content: "\f120";
    548         content: "\f120" / '';
     540        content: "\f120" / "";
    549541        display: inline-block;
    550542}
    … …  
    554546}
    555547
    556 #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
    557 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     548#wpadminbar #wp-admin-bar-my-sites > .ab-item::before,
     549#wpadminbar #wp-admin-bar-site-name > .ab-item::before {
    558550        content: "\f541";
    559         content: "\f541" / '';
     551        content: "\f541" / "";
    560552        top: 2px;
    561553}
    562554
    563 #wpadminbar #wp-admin-bar-site-editor > .ab-item:before {
     555#wpadminbar #wp-admin-bar-site-editor > .ab-item::before {
    564556        content: "\f100";
    565         content: "\f100" / '';
     557        content: "\f100" / "";
    566558        top: 2px;
    567559}
    568560
    569 #wpadminbar #wp-admin-bar-customize > .ab-item:before {
     561#wpadminbar #wp-admin-bar-customize > .ab-item::before {
    570562        content: "\f540";
    571         content: "\f540" / '';
     563        content: "\f540" / "";
    572564        top: 2px;
    573565}
    574566
    575 #wpadminbar #wp-admin-bar-edit > .ab-item:before {
     567#wpadminbar #wp-admin-bar-edit > .ab-item::before {
    576568        content: "\f464";
    577         content: "\f464" / '';
     569        content: "\f464" / "";
    578570        top: 2px;
    579571}
    580572
    581 #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     573#wpadminbar #wp-admin-bar-site-name > .ab-item::before {
    582574        content: "\f226";
    583         content: "\f226" / '';
    584 }
    585 
    586 .wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     575        content: "\f226" / "";
     576}
     577
     578.wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item::before {
    587579        content: "\f102";
    588         content: "\f102" / '';
     580        content: "\f102" / "";
    589581}
    590582
    … …  
    595587}
    596588
    597 #wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item:before {
     589#wpadminbar #wp-admin-bar-site-name.has-site-icon > .ab-item::before {
    598590        content: none;
    599591}
    … …  
    613605}
    614606
    615 #wpadminbar #wp-admin-bar-comments .ab-icon:before {
     607#wpadminbar #wp-admin-bar-comments .ab-icon::before {
    616608        content: "\f101";
    617         content: "\f101" / '';
     609        content: "\f101" / "";
    618610        top: 3px;
    619611}
    … …  
    622614 * New Content
    623615 */
    624 #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
     616#wpadminbar #wp-admin-bar-new-content .ab-icon::before {
    625617        content: "\f132";
    626         content: "\f132" / '';
     618        content: "\f132" / "";
    627619        top: 4px;
    628620}
    … …  
    631623 * Updates
    632624 */
    633 #wpadminbar #wp-admin-bar-updates .ab-icon:before {
     625#wpadminbar #wp-admin-bar-updates .ab-icon::before {
    634626        content: "\f463";
    635         content: "\f463" / '';
     627        content: "\f463" / "";
    636628        top: 2px;
    637629}
    638630
    639 #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
     631#wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
    640632        display: inline-block;
    641633        animation: rotation 2s infinite linear;
    … …  
    643635
    644636@media (prefers-reduced-motion: reduce) {
    645         #wpadminbar #wp-admin-bar-updates.spin .ab-icon:before {
     637        #wpadminbar #wp-admin-bar-updates.spin .ab-icon::before {
    646638                animation: none;
    647639        }
    … …  
    651643 * Search
    652644 */
    653 
    654645#wpadminbar #wp-admin-bar-search .ab-item {
    655646        padding: 0;
    … …  
    664655}
    665656
    666 #wpadminbar #adminbarsearch:before {
     657#wpadminbar #adminbarsearch::before {
    667658        position: absolute;
    668659        top: 6px;
    669660        left: 5px;
    670661        z-index: 20;
    671         font: normal 20px/1 dashicons !important;
     662        font: 400 20px/1 dashicons !important;
    672663        content: "\f179";
    673         content: "\f179" / '';
     664        content: "\f179" / "";
    674665        speak: never;
    675666        -webkit-font-smoothing: antialiased;
    … …  
    720711 * Command Palette
    721712 */
    722 #wpadminbar #wp-admin-bar-command-palette .ab-icon:before {
     713#wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
    723714        content: "\f179";
    724         content: "\f179" / '';
     715        content: "\f179" / "";
    725716        top: 3px;
    726717}
    … …  
    744735}
    745736
    746 /* Skip link */
     737/**
     738 * Skip link
     739 */
    747740#wpadminbar .screen-reader-text,
    748741#wpadminbar .screen-reader-text span {
    … …  
    783776}
    784777
     778/**
     779 * Media Queries
     780 */
    785781@media screen and (max-width: 782px) {
    786782        html {
    … …  
    818814        }
    819815
    820         #wpadminbar .ab-icon:before {
     816        #wpadminbar .ab-icon::before {
    821817                text-align: center;
    822818        }
    … …  
    837833        #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item,
    838834        #wpadminbar .shortlink-input {
    839             line-height: 1.6;
     835                line-height: 1.6;
    840836        }
    841837
    … …  
    863859        }
    864860
    865         #wpadminbar .menupop .menupop > .ab-item:before {
     861        #wpadminbar .menupop .menupop > .ab-item::before {
    866862                top: 10px;
    867863                right: 6px;
    … …  
    890886        }
    891887
    892         #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
     888        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon::before {
    893889                font: 28px/1 dashicons !important;
    894890                top: -3px;
    … …  
    896892
    897893        #wpadminbar .ab-icon,
    898         #wpadminbar .ab-item:before {
     894        #wpadminbar .ab-item::before {
    899895                padding: 0;
    900896        }
    … …  
    918914        #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
    919915        #wpadminbar .ab-icon,
    920         #wpadminbar .ab-item:before {
     916        #wpadminbar .ab-item::before {
    921917                padding: 0;
    922918                margin-right: 0;
    923919        }
    924920
    925         #wpadminbar #wp-admin-bar-edit > .ab-item:before,
    926         #wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
    927         #wpadminbar #wp-admin-bar-site-name:not(.has-site-icon) > .ab-item:before,
    928         #wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
    929         #wpadminbar #wp-admin-bar-customize > .ab-item:before,
    930         #wpadminbar #wp-admin-bar-my-account > .ab-item:before,
    931         #wpadminbar #wp-admin-bar-command-palette .ab-icon:before {
     921        #wpadminbar #wp-admin-bar-edit > .ab-item::before,
     922        #wpadminbar #wp-admin-bar-my-sites > .ab-item::before,
     923        #wpadminbar #wp-admin-bar-site-name:not(.has-site-icon) > .ab-item::before,
     924        #wpadminbar #wp-admin-bar-site-editor > .ab-item::before,
     925        #wpadminbar #wp-admin-bar-customize > .ab-item::before,
     926        #wpadminbar #wp-admin-bar-my-account > .ab-item::before,
     927        #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
    932928                display: block;
    933929                text-indent: 0;
    934                 font: normal 32px/1 dashicons;
     930                font: 400 32px/1 dashicons;
    935931                top: 7px;
    936932                width: 52px;
    … …  
    954950        }
    955951
    956         #wpadminbar .quicklinks li .blavatar:before {
     952        #wpadminbar .quicklinks li .blavatar::before {
    957953                display: none;
    958954        }
    … …  
    964960
    965961        /* New Content */
    966         #wpadminbar #wp-admin-bar-new-content .ab-icon:before {
     962        #wpadminbar #wp-admin-bar-new-content .ab-icon::before {
    967963                top: 0;
    968964                line-height: 1.26;
    … …  
    978974        }
    979975
    980         #wpadminbar #wp-admin-bar-updates .ab-icon:before {
     976        #wpadminbar #wp-admin-bar-updates .ab-icon::before {
    981977                top: 3px;
    982978        }
    … …  
    988984        }
    989985
    990         #wpadminbar #wp-admin-bar-comments .ab-icon:before,
    991         #wpadminbar #wp-admin-bar-command-palette .ab-icon:before {
     986        #wpadminbar #wp-admin-bar-comments .ab-icon::before,
     987        #wpadminbar #wp-admin-bar-command-palette .ab-icon::before {
    992988                display: block;
    993989                font-size: 34px;
    … …  
    11021098        /* Realign arrows on taller responsive submenus */
    11031099
    1104         #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
     1100        #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item::before {
    11051101                top: 10px;
    11061102                left: 0;
    … …  
    11281124        }
    11291125
    1130         #wpadminbar .menupop .menupop > .ab-item:before {
     1126        #wpadminbar .menupop .menupop > .ab-item::before {
    11311127                display: none;
    11321128        }
    … …  
    11381134        #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
    11391135                margin: 0;
     1136                /* Make submenus full-width at this size */
    11401137                width: 100%;
    1141                 top: auto;
    1142                 left: auto;
    1143                 position: relative;
     1138                position: static;
     1139                box-shadow: none;
    11441140        }
    11451141
    … …  
    11561152        #wpadminbar li#wp-admin-bar-updates {
    11571153                display: none;
    1158         }
    1159 
    1160         /* Make submenus full-width at this size */
    1161 
    1162         #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
    1163                 position: static;
    1164                 box-shadow: none;
    11651154        }
    11661155}
Note: See TracChangeset for help on using the changeset viewer.