WordPress.org
Get WordPress

Make WordPress Core

Changeset 49988


Ignore:
Timestamp:
01/20/2021 07:04:32 AM (4 years ago)
Author:
SergeyBiryukov
Message:

Twenty Twenty-One: Add missing styles for <button> element.

Props poena, slaFFik.
Fixes #52029.

Location:
trunk/src/wp-content/themes/twentytwentyone
Files:
4 edited

Legend:

Unmodified
Added
Removed

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

    r49987 r49988  
    12991299}
    13001300
    1301 button {
    1302     cursor: pointer;
    1303 }
    1304 
    13051301.clear:before,
    13061302.clear:after,
    … …  
    22572253}
    22582254
     2255button {
     2256    border: 3px solid transparent;
     2257    border-radius: 0;
     2258    cursor: pointer;
     2259    display: block;
     2260    font-weight: 500;
     2261    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     2262    font-size: 1.25rem;
     2263    line-height: 1.5;
     2264    padding: 15px 30px;
     2265    text-decoration: none;
     2266}
     2267
    22592268input[type=submit] {
    22602269    border: 3px solid transparent;
    … …  
    23262335}
    23272336
     2337button:not(:hover):not(:active):not(.has-text-color) {
     2338    color: #d1e4dd;
     2339}
     2340
    23282341input[type=submit]:not(:hover):not(:active):not(.has-text-color) {
    23292342    color: #d1e4dd;
    … …  
    23502363}
    23512364
     2365.has-background button:not(:hover):not(:active):not(.has-text-color) {
     2366    color: #28303d;
     2367}
     2368
    23522369.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) {
    23532370    color: #28303d;
    … …  
    23712388
    23722389.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background {
     2390    color: #28303d;
     2391}
     2392
     2393.has-background button:not(:hover):not(:active):not(.has-text-color).has-background {
    23732394    color: #28303d;
    23742395}
    … …  
    23982419}
    23992420
     2421button:not(:hover):not(:active):not(.has-background) {
     2422    background-color: #28303d;
     2423}
     2424
    24002425input[type=submit]:not(:hover):not(:active):not(.has-background) {
    24012426    background-color: #28303d;
    … …  
    24222447}
    24232448
     2449.has-background button:not(:hover):not(:active):not(.has-background) {
     2450    background-color: #28303d;
     2451}
     2452
    24242453.has-background input[type=submit]:not(:hover):not(:active):not(.has-background) {
    24252454    background-color: #28303d;
    … …  
    24442473.site .button:hover,
    24452474.site .button:active,
     2475button:hover,
     2476button:active,
    24462477input[type=submit]:hover,
    24472478input[type=submit]:active,
    … …  
    24602491
    24612492.site .button:focus,
     2493button:focus,
    24622494input[type=submit]:focus,
    24632495input[type=reset]:focus,
    … …  
    24702502
    24712503.site .button:disabled {
     2504    background-color: rgba(255, 255, 255, 0.5);
     2505    border-color: rgba(255, 255, 255, 0.5);
     2506    color: #39414d;
     2507}
     2508
     2509button:disabled {
    24722510    background-color: rgba(255, 255, 255, 0.5);
    24732511    border-color: rgba(255, 255, 255, 0.5);

  • trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/button/_style.scss

    r49987 r49988  
    33 */
    44.site .button,
     5button,
    56input[type="submit"],
    67input[type="reset"],

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

    r49987 r49988  
    17061706 */
    17071707.site .button,
     1708button,
    17081709input[type=submit],
    17091710input[type=reset],
    … …  
    17241725
    17251726.site .button:not(:hover):not(:active):not(.has-text-color),
     1727button:not(:hover):not(:active):not(.has-text-color),
    17261728input[type=submit]:not(:hover):not(:active):not(.has-text-color),
    17271729input[type=reset]:not(:hover):not(:active):not(.has-text-color),
    … …  
    17331735
    17341736.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
     1737.has-background button:not(:hover):not(:active):not(.has-text-color),
    17351738.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
    17361739.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
    … …  
    17421745
    17431746.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
     1747.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
    17441748.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
    17451749.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
    … …  
    17511755
    17521756.site .button:not(:hover):not(:active):not(.has-background),
     1757button:not(:hover):not(:active):not(.has-background),
    17531758input[type=submit]:not(:hover):not(:active):not(.has-background),
    17541759input[type=reset]:not(:hover):not(:active):not(.has-background),
    … …  
    17601765
    17611766.has-background .site .button:not(:hover):not(:active):not(.has-background),
     1767.has-background button:not(:hover):not(:active):not(.has-background),
    17621768.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
    17631769.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
    … …  
    17701776.site .button:hover,
    17711777.site .button:active,
     1778button:hover,
     1779button:active,
    17721780input[type=submit]:hover,
    17731781input[type=submit]:active,
    … …  
    17861794
    17871795.site .button:focus,
     1796button:focus,
    17881797input[type=submit]:focus,
    17891798input[type=reset]:focus,
    … …  
    17961805
    17971806.site .button:disabled,
     1807button:disabled,
    17981808input[type=submit]:disabled,
    17991809input[type=reset]:disabled,

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

    r49987 r49988  
    17161716 */
    17171717.site .button,
     1718button,
    17181719input[type=submit],
    17191720input[type=reset],
    … …  
    17341735
    17351736.site .button:not(:hover):not(:active):not(.has-text-color),
     1737button:not(:hover):not(:active):not(.has-text-color),
    17361738input[type=submit]:not(:hover):not(:active):not(.has-text-color),
    17371739input[type=reset]:not(:hover):not(:active):not(.has-text-color),
    … …  
    17431745
    17441746.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
     1747.has-background button:not(:hover):not(:active):not(.has-text-color),
    17451748.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
    17461749.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
    … …  
    17521755
    17531756.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
     1757.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
    17541758.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
    17551759.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
    … …  
    17611765
    17621766.site .button:not(:hover):not(:active):not(.has-background),
     1767button:not(:hover):not(:active):not(.has-background),
    17631768input[type=submit]:not(:hover):not(:active):not(.has-background),
    17641769input[type=reset]:not(:hover):not(:active):not(.has-background),
    … …  
    17701775
    17711776.has-background .site .button:not(:hover):not(:active):not(.has-background),
     1777.has-background button:not(:hover):not(:active):not(.has-background),
    17721778.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
    17731779.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
    … …  
    17801786.site .button:hover,
    17811787.site .button:active,
     1788button:hover,
     1789button:active,
    17821790input[type=submit]:hover,
    17831791input[type=submit]:active,
    … …  
    17961804
    17971805.site .button:focus,
     1806button:focus,
    17981807input[type=submit]:focus,
    17991808input[type=reset]:focus,
    … …  
    18061815
    18071816.site .button:disabled,
     1817button:disabled,
    18081818input[type=submit]:disabled,
    18091819input[type=reset]:disabled,
Note: See TracChangeset for help on using the changeset viewer.