diff options
Diffstat (limited to 'paper/_bootswatch.scss')
| -rw-r--r-- | paper/_bootswatch.scss | 35 |
1 files changed, 23 insertions, 12 deletions
diff --git a/paper/_bootswatch.scss b/paper/_bootswatch.scss index 06057314..021cac4f 100644 --- a/paper/_bootswatch.scss +++ b/paper/_bootswatch.scss @@ -38,17 +38,20 @@ background-size: 200%; background-position: 50%; - &:hover, - &:active:hover, &:focus { + background-color: $bg; + } + + &:hover, + &:active:hover { background-color: darken($bg, 6%); } &:active { - background-color: darken($bg, 6%); - @include gradient-radial(darken($bg, 6%) 10%, $bg 11%); + background-color: darken($bg, 12%); + @include gradient-radial(darken($bg, 12%) 10%, $bg 11%); background-size: 1000%; - @include box-shadow(2px 2px 2px rgba(0,0,0,.3)); + @include box-shadow(2px 2px 4px rgba(0,0,0,.4)); } } } @@ -59,26 +62,34 @@ @include btn(info,$btn-info-bg); @include btn(warning,$btn-warning-bg); @include btn(danger,$btn-danger-bg); +@include btn(link,#fff); .btn { text-transform: uppercase; - border-right: none; - border-bottom: none; - @include box-shadow(1px 1px 2px rgba(0,0,0,.3)); - @include transition(all 0.2s); + border: none; + @include box-shadow(1px 1px 4px rgba(0,0,0,.4)); + @include transition(all 0.4s); &-link { + border-radius: $btn-border-radius-base; @include box-shadow(none); + color: $btn-default-color; &:hover, &:focus { - color: $brand-primary; + @include box-shadow(none); + color: $btn-default-color; text-decoration: none; } } - &-default.disabled { - border: 1px solid $btn-default-border; + &-default { + + &.disabled { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.4); + opacity: 1; + } } } |