codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-03-24 05:42:03 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

remove gradient & box-shadow on buttons

Browse source
This commit is contained in:
Régis Hanol 2014-02-12 20:06:49 -08:00
parent a86002f582
commit c5c6986f02
1 changed files with 11 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
app/assets/stylesheets/common/components/buttons.css.scss
View file

@ -48,25 +48,22 @@ button {
color: $primary; color: $primary;
font-weight: normal; font-weight: normal;
background: lighten($primary_lighter, 10%); background: lighten($primary_lighter, 10%);
&[href] { &[href] {
color: $btn-default-color; color: $btn-default-color;
} }
&:hover &:hover {
{
background: #aaa; background: #aaa;
color: #fff; color: #fff;
} }
&:active { &:active {
@include linear-gradient( darken(#aaa, 8%), #aaa); @include linear-gradient( darken(#aaa, 8%), #aaa);
@include box-shadow(inset 0 1px 3px rgba($primary, 0.2));
} }
&[disabled] { &[disabled] {
background: $btn-default-background-color; background: $btn-default-background-color;
@include box-shadow(inset 0 -1px 2px rgba($primary, 0.2));
&:hover { color: $primary; } &:hover { color: $primary; }
cursor: not-allowed;
} }
} }
// Buttons used in admin panel // Buttons used in admin panel
@ -82,25 +79,18 @@ button {
border: none; border: none;
color: $secondary; color: $secondary;
font-weight: normal; font-weight: normal;
color: #fff; color: #fff;
background: $btn-primary-background-color; background: $btn-primary-background-color;
&[href] { &[href] {
color: $secondary; color: $secondary;
} }
&:hover &:hover {
{
color: #fff; color: #fff;
background: darken($btn-primary-background-color, 12%); background: darken($btn-primary-background-color, 12%);
} }
&:active { &:active {
@include linear-gradient(darken($btn-primary-background-color, 18%), darken($btn-primary-background-color, 12%)); @include linear-gradient(darken($btn-primary-background-color, 18%), darken($btn-primary-background-color, 12%));
@include box-shadow(inset 0 1px 3px rgba($primary, 0.2));
color: #fff; color: #fff;
} }
&[disabled] { &[disabled] {
@ -122,11 +112,10 @@ button {
background: $btn-danger-background-color-dark; background: $btn-danger-background-color-dark;
} }
&:active { &:active {
@include linear-gradient($btn-primary-background-color-dark, $btn-primary-background-color); @include linear-gradient($btn-danger-background-color-dark, $btn-danger-background-color);
@include box-shadow(inset 0 1px 3px rgba($primary, 0.2));
} }
&[disabled] { &[disabled] {
background: $btn-danger-background-color;
} }
} }