WordPress.org
Get WordPress

Make WordPress Core

Changeset 63506


Ignore:
Timestamp:
09/05/2026 01:50:33 PM (5 weeks ago)
Author:
afercia
Message:

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

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

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

See #65898.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/admin-menu.css

    r63306 r63506  
    1212        bottom: -120px;
    1313        z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
    14 
    1514        /* Only visible in Windows High Contrast mode */
    1615        outline: 1px solid transparent;
    … …  
    3938        width: 36px;
    4039}
    41 
    42 /* New Menu icons */
    4340
    4441/* hide background-image for icons above */
    … …  
    5956}
    6057
    61 /*------------------------------------------------------------------------------
    62   7.0 - Main Navigation (Left Menu)
    63 ------------------------------------------------------------------------------*/
    64 
    6558#adminmenuwrap {
    6659        position: relative;
    … …  
    6962}
    7063
    71 /* side admin menu */
    7264#adminmenu * {
    7365        -webkit-user-select: none;
    … …  
    112104.folded #adminmenu .wp-submenu-head:hover {
    113105        box-shadow: inset 4px 0 0 0 currentColor;
    114         transition: box-shadow .1s linear;
     106        transition: box-shadow 0.1s linear;
    115107        border-radius: 0;
    116108}
    … …  
    226218        padding-left: 14px;
    227219        /* Exclude from the transition the outline for Windows High Contrast mode */
    228         transition: all .1s ease-in-out, outline 0s;
     220        transition: all 0.1s ease-in-out, outline 0s;
    229221}
    230222
    … …  
    289281}
    290282
    291 div.wp-menu-image:before {
     283div.wp-menu-image::before {
    292284        color: #a7aaad;
    293285        color: rgba(240, 246, 252, 0.6);
    294286        padding: 7px 0;
    295         transition: all .1s ease-in-out;
    296 }
    297 
    298 #adminmenu div.wp-menu-image:before {
     287        transition: all 0.1s ease-in-out;
     288}
     289
     290#adminmenu div.wp-menu-image::before {
    299291        color: #a7aaad;
    300292        color: rgba(240, 246, 252, 0.6);
    301293}
    302294
    303 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
    304 #adminmenu .wp-has-current-submenu div.wp-menu-image:before,
    305 #adminmenu .current div.wp-menu-image:before,
    306 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
    307 #adminmenu a.current:hover div.wp-menu-image:before,
    308 #adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
    309 #adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
     295#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image::before,
     296#adminmenu .wp-has-current-submenu div.wp-menu-image::before,
     297#adminmenu .current div.wp-menu-image::before,
     298#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image::before,
     299#adminmenu a.current:hover div.wp-menu-image::before,
     300#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image::before,
     301#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image::before {
    310302        color: #fff;
    311303}
    312304
    313 #adminmenu li:hover div.wp-menu-image:before,
    314 #adminmenu li a:focus div.wp-menu-image:before,
    315 #adminmenu li.opensub div.wp-menu-image:before {
     305#adminmenu li:hover div.wp-menu-image::before,
     306#adminmenu li a:focus div.wp-menu-image::before,
     307#adminmenu li.opensub div.wp-menu-image::before {
    316308        color: #72aee6;
    317309}
    … …  
    337329}
    338330
    339 ul#adminmenu a.wp-has-current-submenu:after,
    340 ul#adminmenu > li.current > a.current:after {
     331ul#adminmenu a.wp-has-current-submenu::after,
     332ul#adminmenu > li.current > a.current::after {
    341333        right: 0;
    342334        border: solid 8px transparent;
    … …  
    351343}
    352344
    353 .folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
    354 .folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
     345.folded ul#adminmenu li:hover a.wp-has-current-submenu::after,
     346.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu::after {
    355347        display: none;
    356348}
    357349
    358 .folded ul#adminmenu a.wp-has-current-submenu:after,
    359 .folded ul#adminmenu > li a.current:after {
     350.folded ul#adminmenu a.wp-has-current-submenu::after,
     351.folded ul#adminmenu > li a.current::after {
    360352        border-width: 4px;
    361353        margin-top: -4px;
    … …  
    363355
    364356/* flyout menu arrow */
    365 #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
    366 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
     357#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
     358#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
    367359        right: 0;
    368360        border: 8px solid transparent;
    … …  
    376368}
    377369
    378 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
    379 .folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
     370.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
     371.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
    380372        border-width: 4px;
    381373        margin-top: -4px;
    … …  
    383375}
    384376
    385 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
    386 #adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
     377#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover::after,
     378#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
    387379        border-right-color: #2c3338;
    388380}
    … …  
    475467        color: #72aee6;
    476468        box-shadow: inset 4px 0 0 0 currentColor;
    477         transition: box-shadow .1s linear;
     469        transition: box-shadow 0.1s linear;
    478470}
    479471
    … …  
    495487#collapse-button .collapse-button-label {
    496488        top: 8px;
     489        padding: 0 0 0 36px;
    497490}
    498491
    … …  
    502495}
    503496
    504 #collapse-button .collapse-button-label {
    505         padding: 0 0 0 36px;
    506 }
    507 
    508497.folded #collapse-button .collapse-button-label {
    509498        display: none;
    510499}
    511500
    512 #collapse-button .collapse-button-icon:after {
     501#collapse-button .collapse-button-icon::after {
    513502        content: "\f148";
    514         content: "\f148" / '';
     503        content: "\f148" / "";
    515504        display: block;
    516505        position: relative;
    517506        top: 7px;
    518507        text-align: center;
    519         font: normal 20px/1 dashicons !important;
     508        font: 400 20px/1 dashicons !important;
    520509        -webkit-font-smoothing: antialiased;
    521510        -moz-osx-font-smoothing: grayscale;
    … …  
    523512
    524513/* rtl:ignore */
    525 .folded #collapse-button .collapse-button-icon:after,
    526 .rtl #collapse-button .collapse-button-icon:after {
     514.folded #collapse-button .collapse-button-icon::after,
     515.rtl #collapse-button .collapse-button-icon::after {
    527516        transform: rotate(180deg);
    528517}
    529518
    530 .rtl.folded #collapse-button .collapse-button-icon:after {
     519.rtl.folded #collapse-button .collapse-button-icon::after {
    531520        transform: none;
    532521}
    533522
    534 #collapse-button .collapse-button-icon:after,
     523#collapse-button .collapse-button-icon::after,
    535524#collapse-button .collapse-button-label {
    536         transition: all .1s ease-in-out;
    537 }
    538 
    539 /**
    540  * Toolbar menu toggle
    541  */
     525        transition: all 0.1s ease-in-out;
     526}
     527
    542528li#wp-admin-bar-menu-toggle {
    543529        display: none;
    … …  
    595581        }
    596582
    597 
    598583        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
    599584                padding-left: 12px;
    … …  
    628613        }
    629614
    630         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
    631         .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
     615        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu::after,
     616        .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu::after {
    632617                display: none;
    633618        }
    634619
    635         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
    636         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
     620        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
     621        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
    637622                border-width: 4px;
    638623                margin-top: -4px;
    … …  
    640625        }
    641626
    642         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
    643         .auto-fold ul#adminmenu > li a.current:after {
     627        .auto-fold ul#adminmenu a.wp-has-current-submenu::after,
     628        .auto-fold ul#adminmenu > li a.current::after {
    644629                border-width: 4px;
    645630                margin-top: -4px;
    … …  
    657642
    658643        /* rtl:ignore */
    659         .auto-fold #collapse-button .collapse-button-icon:after {
     644        .auto-fold #collapse-button .collapse-button-icon::after {
    660645                transform: rotate(180deg);
    661646        }
    662647
    663         .rtl.auto-fold #collapse-button .collapse-button-icon:after {
     648        .rtl.auto-fold #collapse-button .collapse-button-icon::after {
    664649                transform: none;
    665650        }
    … …  
    723708
    724709        /* Switch the arrow side */
    725         .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
    726         .auto-fold ul#adminmenu > li.current > a.current:after {
     710        .auto-fold ul#adminmenu a.wp-has-current-submenu::after,
     711        .auto-fold ul#adminmenu > li.current > a.current::after {
    727712                border-width: 8px;
    728713                margin-top: -8px;
    729714        }
    730715
    731         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
    732         .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
     716        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover::after,
     717        .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within::after {
    733718                display: none;
    734719        }
    … …  
    749734        }
    750735
    751         .auto-fold #adminmenu .selected .wp-submenu:after,
    752         .auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
     736        .auto-fold #adminmenu .selected .wp-submenu::after,
     737        .auto-fold #adminmenu .wp-menu-open .wp-submenu::after {
    753738                display: none;
    754739        }
    … …  
    762747        }
    763748
    764         .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
    765         .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
     749        .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu::after,
     750        .auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu::after {
    766751                display: block;
    767752        }
    … …  
    821806        }
    822807
    823         #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
     808        #wpadminbar #wp-admin-bar-menu-toggle .ab-icon::before {
    824809                content: "\f228";
    825810                display: inline-block;
    826811                float: left;
    827                 font: normal 40px/45px dashicons;
     812                font: 400 40px/45px dashicons;
    828813                vertical-align: middle;
    829814                outline: none;
    … …  
    840825        }
    841826
    842         .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
     827        .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon::before {
    843828                color: #72aee6;
    844829        }
Note: See TracChangeset for help on using the changeset viewer.