WordPress.org

Make WordPress Core

Ticket #47498: 47498.3.diff

File 47498.3.diff, 3.7 KB (added by kjellr, 2 years ago)
  • src/wp-admin/css/colors/_admin.scss

     
    22@import 'variables';
    33@import 'mixins';
    44
     5@function url-friendly-colour( $color ) {
     6        @return '%23' + str-slice( '#{ $color }', 2, -1 );
     7}
    58
    69body {
    710        background: $body-background;
     
    3033
    3134/* Forms */
    3235
    33 input[type=checkbox]:checked:before {
    34         color: $form-checked;
     36input[type=checkbox]:checked::before {
     37        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27#{url-friendly-colour($form-checked)}%27%2F%3E%3C%2Fsvg%3E");
    3538}
    3639
    37 input[type=radio]:checked:before {
     40input[type=radio]:checked::before {
    3841        background: $form-checked;
    3942}
    4043
  • src/wp-admin/css/forms.css

     
    7777        cursor: pointer;
    7878        display: inline-block;
    7979        line-height: 0;
    80         height: 16px;
    81         margin: -4px 4px 0 0;
     80        height: 1rem;
     81        margin: -0.25rem 0.25rem 0 0;
    8282        outline: 0;
    8383        padding: 0 !important;
    8484        text-align: center;
    8585        vertical-align: middle;
    86         width: 16px;
    87         min-width: 16px;
     86        width: 1rem;
     87        min-width: 1rem;
    8888        -webkit-appearance: none;
    8989        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    9090        transition: .05s border-color ease-in-out;
     
    115115
    116116input[type="radio"] {
    117117        border-radius: 50%;
    118         margin-right: 4px;
     118        margin-right: 0.25rem;
    119119        line-height: 0.71428571;
    120120}
    121121
    122 input[type="checkbox"]:checked:before,
    123 input[type="radio"]:checked:before {
     122input[type="checkbox"]:checked::before,
     123input[type="radio"]:checked::before {
    124124        float: left;
    125125        display: inline-block;
    126126        vertical-align: middle;
    127         width: 16px;
    128         font: normal 21px/1 dashicons;
     127        width: 1rem;
    129128        speak: none;
    130129        -webkit-font-smoothing: antialiased;
    131130        -moz-osx-font-smoothing: grayscale;
    132131}
    133132
    134 input[type="checkbox"]:checked:before {
    135         content: "\f147";
    136         margin: -3px 0 0 -4px;
    137         color: #1e8cbe;
     133input[type="checkbox"]:checked::before {
     134        /* Use the "Yes" SVG Dashicon */
     135        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E");
     136        margin: -0.1875rem 0 0 -0.25rem;
     137        height: 1.3125rem;
     138        width: 1.3125rem;
    138139}
    139140
    140 input[type="radio"]:checked:before {
    141         content: "\2022";
    142         text-indent: -9999px;
    143         border-radius: 50px;
    144         font-size: 24px;
    145         width: 6px;
    146         height: 6px;
    147         margin: 4px;
     141input[type="radio"]:checked::before {
     142        content: "";
     143        border-radius: 50%;
     144        width: 50%;
     145        height: 50%;
     146        margin: 25%;
    148147        line-height: 0.76190476;
    149148        background-color: #1e8cbe;
    150149}
     
    12741273        .widefat th input[type="checkbox"]:before,
    12751274        .widefat thead td input[type="checkbox"]:before,
    12761275        .widefat tfoot td input[type="checkbox"]:before {
    1277                 font: normal 30px/1 dashicons;
    1278                 margin: -3px -5px;
     1276                width: 1.875rem;
     1277                height: 1.875rem;
     1278                margin: -0.1875rem -0.3125rem;
    12791279        }
    12801280
    12811281        input[type="radio"],
    12821282        input[type="checkbox"] {
    1283                 height: 25px;
    1284                 width: 25px;
     1283                height: 1.5625rem;
     1284                width: 1.5625rem;
    12851285        }
    12861286
    12871287        .wp-admin p input[type="checkbox"],
    12881288        .wp-admin p input[type="radio"] {
    1289                 margin-top: -3px;
     1289                margin-top: -0.1875rem;
    12901290        }
    12911291
    12921292        input[type="radio"]:checked:before {
    12931293                vertical-align: middle;
    1294                 width: 9px;
    1295                 height: 9px;
    1296                 margin: 7px;
     1294                width: 0.5625rem;
     1295                height: 0.5625rem;
     1296                margin: 0.4375rem;
    12971297                line-height: 0.76190476;
    12981298        }
    12991299