WordPress.org
Get WordPress

Make WordPress Core

Ticket #52029: 52029.patch

File 52029.patch, 5.6 KB (added by poena, 4 years ago)

style the <button> element

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

     
    12981298        background-color: #d1e4dd;
    12991299}
    13001300
    1301 button {
    1302         cursor: pointer;
    1303 }
    1304 
    13051301.clear:before,
    13061302.clear:after,
    13071303.entry-content:before,
    … …  
    22572253        padding: 15px 30px;
    22582254}
    22592255
     2256button {
     2257        line-height: 1.5;
     2258        color: #d1e4dd;
     2259        cursor: pointer;
     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        background-color: #39414d;
     2264        border-radius: 0;
     2265        border: 3px solid #39414d;
     2266        text-decoration: none;
     2267        padding: 15px 30px;
     2268}
     2269
    22602270input[type=submit] {
    22612271        line-height: 1.5;
    22622272        color: #d1e4dd;
    … …  
    23142324}
    23152325
    23162326.site .button:focus,
     2327button:focus,
    23172328input[type=submit]:focus,
    23182329input[type=reset]:focus,
    23192330.wp-block-search__button:focus,
    … …  
    23272338        color: #39414d;
    23282339}
    23292340
     2341.is-dark-theme button:focus {
     2342        color: #39414d;
     2343}
     2344
    23302345.is-dark-theme input[type=submit]:focus {
    23312346        color: #39414d;
    23322347}
    … …  
    23472362        color: #39414d;
    23482363}
    23492364
     2365button:focus:not(.has-background) {
     2366        color: #39414d;
     2367}
     2368
    23502369input[type=submit]:focus:not(.has-background) {
    23512370        color: #39414d;
    23522371}
    … …  
    23692388        color: #39414d;
    23702389}
    23712390
     2391button:disabled {
     2392        background-color: rgba(255, 255, 255, 0.5);
     2393        border-color: rgba(255, 255, 255, 0.5);
     2394        color: #39414d;
     2395}
     2396
    23722397input[type=submit]:disabled {
    23732398        background-color: rgba(255, 255, 255, 0.5);
    23742399        border-color: rgba(255, 255, 255, 0.5);
    … …  
    23982423        background-color: #d1e4dd;
    23992424}
    24002425
     2426button:active {
     2427        color: #39414d;
     2428        background-color: #d1e4dd;
     2429}
     2430
    24012431input[type=submit]:active {
    24022432        color: #39414d;
    24032433        background-color: #d1e4dd;
    … …  
    24232453        background: transparent;
    24242454}
    24252455
     2456button:hover {
     2457        color: #39414d;
     2458        background: transparent;
     2459}
     2460
    24262461input[type=submit]:hover {
    24272462        color: #39414d;
    24282463        background: transparent;

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

     
    22 * Button
    33 */
    44.site .button,
     5button,
    56input[type="submit"],
    67input[type="reset"],
    78.wp-block-search__button,
    … …  
    1112}
    1213
    1314.site .button,
     15button,
    1416input[type="submit"],
    1517input[type="reset"],
    1618.wp-block-search .wp-block-search__button,

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

     
    17051705 * Button
    17061706 */
    17071707.site .button,
     1708button,
    17081709input[type=submit],
    17091710input[type=reset],
    17101711.wp-block-search__button,
    … …  
    17231724}
    17241725
    17251726.site .button:focus,
     1727button:focus,
    17261728input[type=submit]:focus,
    17271729input[type=reset]:focus,
    17281730.wp-block-search__button:focus,
    … …  
    17331735}
    17341736
    17351737.is-dark-theme .site .button:focus,
     1738.is-dark-theme button:focus,
    17361739.is-dark-theme input[type=submit]:focus,
    17371740.is-dark-theme input[type=reset]:focus,
    17381741.is-dark-theme .wp-block-search__button:focus,
    … …  
    17411744}
    17421745
    17431746.site .button:focus:not(.has-background),
     1747button:focus:not(.has-background),
    17441748input[type=submit]:focus:not(.has-background),
    17451749input[type=reset]:focus:not(.has-background),
    17461750.wp-block-search__button:focus:not(.has-background),
    … …  
    17491753}
    17501754
    17511755.site .button:disabled,
     1756button:disabled,
    17521757input[type=submit]:disabled,
    17531758input[type=reset]:disabled,
    17541759.wp-block-search__button:disabled,
    … …  
    17591764}
    17601765
    17611766.site .button:active,
     1767button:active,
    17621768input[type=submit]:active,
    17631769input[type=reset]:active,
    17641770.wp-block-search .wp-block-search__button:active,
    … …  
    17681774}
    17691775
    17701776.site .button:hover,
     1777button:hover,
    17711778input[type=submit]:hover,
    17721779input[type=reset]:hover,
    17731780.wp-block-search .wp-block-search__button:hover,

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

     
    17151715 * Button
    17161716 */
    17171717.site .button,
     1718button,
    17181719input[type=submit],
    17191720input[type=reset],
    17201721.wp-block-search__button,
    … …  
    17331734}
    17341735
    17351736.site .button:focus,
     1737button:focus,
    17361738input[type=submit]:focus,
    17371739input[type=reset]:focus,
    17381740.wp-block-search__button:focus,
    … …  
    17431745}
    17441746
    17451747.is-dark-theme .site .button:focus,
     1748.is-dark-theme button:focus,
    17461749.is-dark-theme input[type=submit]:focus,
    17471750.is-dark-theme input[type=reset]:focus,
    17481751.is-dark-theme .wp-block-search__button:focus,
    … …  
    17511754}
    17521755
    17531756.site .button:focus:not(.has-background),
     1757button:focus:not(.has-background),
    17541758input[type=submit]:focus:not(.has-background),
    17551759input[type=reset]:focus:not(.has-background),
    17561760.wp-block-search__button:focus:not(.has-background),
    … …  
    17591763}
    17601764
    17611765.site .button:disabled,
     1766button:disabled,
    17621767input[type=submit]:disabled,
    17631768input[type=reset]:disabled,
    17641769.wp-block-search__button:disabled,
    … …  
    17691774}
    17701775
    17711776.site .button:active,
     1777button:active,
    17721778input[type=submit]:active,
    17731779input[type=reset]:active,
    17741780.wp-block-search .wp-block-search__button:active,
    … …  
    17781784}
    17791785
    17801786.site .button:hover,
     1787button:hover,
    17811788input[type=submit]:hover,
    17821789input[type=reset]:hover,
    17831790.wp-block-search .wp-block-search__button:hover,