WordPress.org

Make WordPress Core

Ticket #26905: 26905-mixins.patch

File 26905-mixins.patch, 2.5 KB (added by morganestes, 7 years ago)

wp-admin/css/colors/_mixins.scss

  • wp-admin/css/colors/_mixins.scss

    IDEA additional info:
    Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
    <+>UTF-8
     
    22 * Button mixin- creates 3d-ish button effect with correct
    33 * highlights/shadows, based on a base color.
    44 */
    5 @mixin button( $button-color, $text-color: white ) {
     5@mixin button($button-color, $text-color: white) {
    66        background: $button-color;
    7         border-color: darken( $button-color, 10% );
     7        border-color: darken($button-color, 10%);
    88        color: $text-color;
    9         -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
    10         box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
     9        -webkit-box-shadow: inset 0 1px 0 lighten($button-color, 15%), 0 1px 0 rgba(0, 0, 0, 0.15);
     10        box-shadow:                             inset 0 1px 0 lighten($button-color, 15%), 0 1px 0 rgba(0, 0, 0, 0.15);
    1111
    1212        &:hover,
    1313        &:focus {
    14                 background: darken( $button-color, 5% );
    15                 border-color: darken( $button-color, 15% );
     14                background: darken($button-color, 5%);
     15                border-color: darken($button-color, 15%);
    1616                color: $text-color;
    17                 -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
    18                 box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
     17                -webkit-box-shadow: inset 0 1px 0 lighten($button-color, 10%), 0 1px 0 rgba(0, 0, 0, 0.15);
     18                box-shadow:                             inset 0 1px 0 lighten($button-color, 10%), 0 1px 0 rgba(0, 0, 0, 0.15);
    1919        }
    2020
    2121        &:active {
    22                 background: darken( $button-color, 10% );
    23                 border-color: darken( $button-color, 15% );
     22                background: darken($button-color, 10%);
     23                border-color: darken($button-color, 15%);
    2424                color: $text-color;
    25                 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    26                 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     25                -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     26                box-shadow:                             inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    2727        }
    2828
    2929        &[disabled],
    3030        &:disabled,
    3131        &.button-primary-disabled {
    32                 color: hsl( hue( $button-color ), 10%, 80% ) !important;
    33                 background: darken( $button-color, 8% ) !important;
    34                 border-color: darken( $button-color, 15% ) !important;
     32                background: darken($button-color, 8%) !important;
     33                border-color: darken($button-color, 15%) !important;
     34                color: hsl(hue($button-color), 10%, 80%) !important;
    3535                text-shadow: none !important;
    3636        }
    3737}