Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Allow explicit hover and active buttons

This commit is contained in:
Robin Ward 2017-08-09 16:39:15 -04:00
parent 04460ecac5
commit c3051b89c0
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/common/components/buttons.scss
View File

@ -16,7 +16,7 @@
cursor: pointer; cursor: pointer;
transition: all .25s; transition: all .25s;
&:active { &:active, &.btn-active {
text-shadow: none; text-shadow: none;
} }
&[disabled], &.disabled { &[disabled], &.disabled {
@ -50,7 +50,7 @@
&[href] { &[href] {
color: $primary; color: $primary;
} }
&:hover { &:hover, &.btn-hover {
background: $primary-medium; background: $primary-medium;
color: $secondary; color: $secondary;
} }
@ -80,11 +80,11 @@
&[href] { &[href] {
color: $secondary; color: $secondary;
} }
&:hover { &:hover, &.btn-hover {
color: #fff; color: #fff;
background: dark-light-choose(scale-color($tertiary, $lightness: -20%), scale-color($tertiary, $lightness: -20%)); background: dark-light-choose(scale-color($tertiary, $lightness: -20%), scale-color($tertiary, $lightness: -20%));
} }
&:active { &:active, &.btn-active {
@include linear-gradient(scale-color($tertiary, $lightness: -20%), scale-color($tertiary, $lightness: -10%)); @include linear-gradient(scale-color($tertiary, $lightness: -20%), scale-color($tertiary, $lightness: -10%));
color: $secondary; color: $secondary;
} }
@ -103,10 +103,10 @@
&[href] { &[href] {
color: $secondary; color: $secondary;
} }
&:hover{ &:hover, &.btn-hover {
background: scale-color($danger, $lightness: -20%); background: scale-color($danger, $lightness: -20%);
} }
&:active { &:active, &.btn-active {
@include linear-gradient(scale-color($danger, $lightness: -20%), $danger); @include linear-gradient(scale-color($danger, $lightness: -20%), $danger);
} }
&[disabled], &.disabled { &[disabled], &.disabled {