X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/ceb5a929e00123b4e224977c6b5a149f6431b250..41578db67d72562346e4dbb2a14889b23d522813:/wp-admin/css/colors/_mixins.scss diff --git a/wp-admin/css/colors/_mixins.scss b/wp-admin/css/colors/_mixins.scss index 2792fa12..14db8a50 100644 --- a/wp-admin/css/colors/_mixins.scss +++ b/wp-admin/css/colors/_mixins.scss @@ -1,34 +1,32 @@ /* - * Button mixin- creates 3d-ish button effect with correct + * Button mixin- creates 3d-ish button effect with correct * highlights/shadows, based on a base color. */ @mixin button( $button-color, $text-color: white ) { background: $button-color; border-color: darken( $button-color, 10% ); color: $text-color; - -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15); &:hover, &:focus { - background: darken( $button-color, 8% ); + background: darken( $button-color, 5% ); border-color: darken( $button-color, 15% ); color: $text-color; - -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15); } &:active { - background: darken( $button-color, 8% ); + background: darken( $button-color, 10% ); border-color: darken( $button-color, 15% ); color: $text-color; - -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); } &[disabled], &:disabled, - &.button-primary-disabled { + &.button-primary-disabled, + &.disabled { color: hsl( hue( $button-color ), 10%, 80% ) !important; background: darken( $button-color, 8% ) !important; border-color: darken( $button-color, 15% ) !important;