WordPress.org

Make WordPress Core

Ticket #35126: 35126.4.patch

File 35126.4.patch, 2.0 KB (added by Cheffheid, 5 years ago)

Adds two modifier classes for button-link: like-core-anchor (blue), like-delete (red)

  • wp-includes/css/buttons.css

     
    216216        outline: #5b9dd9 solid 1px;
    217217}
    218218
     219/* Modifier classes for button-links. */
     220
     221/* Button-link that looks like a default core link */
     222.wp-core-ui .button-link.like-core-anchor {
     223        color: #0073aa;
     224        outline: 0;
     225        text-decoration: underline;
     226        -webkit-transition-property: border, background, color;
     227        transition-property: border, background, color;
     228        -webkit-transition-duration: .05s;
     229        transition-duration: .05s;
     230        -webkit-transition-timing-function: ease-in-out;
     231        transition-timing-function: ease-in-out;
     232}
     233
     234.wp-core-ui .button-link.like-core-anchor:hover,
     235.wp-core-ui .button-link.like-core-anchor:active {
     236        color: #00a0d2;
     237}
     238.wp-core-ui .button-link.like-core-anchor:focus {
     239        color: #124964;
     240        -webkit-box-shadow:
     241                0 0 0 1px #5b9dd9,
     242                0 0 2px 1px rgba(30, 140, 190, .8);
     243        box-shadow:
     244                0 0 0 1px #5b9dd9,
     245                0 0 2px 1px rgba(30, 140, 190, .8);
     246}
     247
     248/* Button-link modifier that will turn it red */
     249.wp-core-ui .button-link.like-delete {
     250        color: #a00;
     251        outline: 0;
     252        text-decoration: underline;
     253        -webkit-transition-property: border, background, color;
     254        transition-property: border, background, color;
     255        -webkit-transition-duration: .05s;
     256        transition-duration: .05s;
     257        -webkit-transition-timing-function: ease-in-out;
     258        transition-timing-function: ease-in-out;
     259}
     260
     261.wp-core-ui .button-link.like-delete:hover,
     262.wp-core-ui .button-link.like-delete:active {
     263        color: #f00;
     264}
     265.wp-core-ui .button-link.like-delete:focus {
     266        -webkit-box-shadow:
     267                0 0 0 1px #5b9dd9,
     268                0 0 2px 1px rgba(30, 140, 190, .8);
     269        box-shadow:
     270                0 0 0 1px #5b9dd9,
     271                0 0 2px 1px rgba(30, 140, 190, .8);
     272}
     273
    219274/* ----------------------------------------------------------------------------
    220275  3.0 - Primary Button Style
    221276---------------------------------------------------------------------------- */