diff --git a/app/assets/stylesheets/components/buttons.css.scss b/app/assets/stylesheets/components/buttons.css.scss index c86eaac4e8a..80e8756ba7a 100755 --- a/app/assets/stylesheets/components/buttons.css.scss +++ b/app/assets/stylesheets/components/buttons.css.scss @@ -92,34 +92,35 @@ @include linear-gradient($btn-primary-background-color, $btn-primary-background-color-dark); @include box-shadow((inset 0 1px 0 rgba($white, 0.33), inset 0 -1px 2px rgba($black, 0.2))); } +} - // Danger button - // -------------------------------------------------- +// Danger button +// -------------------------------------------------- - .btn-danger { - border: 1px solid $btn-danger-border-color; +.btn-danger { + border: 1px solid $btn-danger-border-color; + color: $white; + text-shadow: 0 1px 0 rgba($black, 0.2); + font-weight: bold; + @include linear-gradient($btn-danger-background-color, $btn-danger-background-color-dark); + @include box-shadow((inset 0 1px 0 rgba($white, 0.33), inset 0 -1px 2px rgba($black, 0.2))); + &[href] { color: $white; + } + &:hover, + &:focus { + @include linear-gradient($btn-danger-background-color, $btn-danger-background-color-light); + @include box-shadow(inset 0 1px 0 rgba($white, 0.33)); + } + &:active { + @include linear-gradient($btn-danger-background-color-dark, $btn-danger-background-color); + @include box-shadow(inset 0 1px 3px rgba($black, 0.2)); + } + &[disabled] { text-shadow: 0 1px 0 rgba($black, 0.2); - font-weight: bold; @include linear-gradient($btn-danger-background-color, $btn-danger-background-color-dark); @include box-shadow((inset 0 1px 0 rgba($white, 0.33), inset 0 -1px 2px rgba($black, 0.2))); - &[href] { - color: $white; - } - &:hover, - &:focus { - @include linear-gradient($btn-danger-background-color, $btn-danger-background-color-light); - @include box-shadow(inset 0 1px 0 rgba($white, 0.33)); - } - &:active { - @include linear-gradient($btn-danger-background-color-dark, $btn-danger-background-color); - @include box-shadow(inset 0 1px 3px rgba($black, 0.2)); - } - &[disabled] { - text-shadow: 0 1px 0 rgba($black, 0.2); - @include linear-gradient($btn-danger-background-color, $btn-danger-background-color-dark); - @include box-shadow((inset 0 1px 0 rgba($white, 0.33), inset 0 -1px 2px rgba($black, 0.2))); - } + } } // Social buttons @@ -180,4 +181,4 @@ padding: 9px 18px; font-size: 16px; line-height: 20px; -} \ No newline at end of file +}