Further update per code review

Merged rules into `.gradient-button` class; differentiated normal and
`:active` states
This commit is contained in:
APerson 2014-06-14 12:43:54 -04:00
parent b1ef7b51b4
commit 0890281796
2 changed files with 4 additions and 9 deletions

View File

@ -47,15 +47,18 @@ div.gradient-button, .gradient-button {
cursor: pointer;
text-decoration: none;
user-select: none;
transition: box-shadow .1s ease-in-out;
&:hover {
text-decoration: none;
background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
box-shadow:0 1px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .2);
}
&:active {
color: @sexyblack;
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
box-shadow: 0 1px rgba(0, 0, 0, .2);
}
&.disabled {
@ -66,6 +69,7 @@ div.gradient-button, .gradient-button {
&:active, &:hover {
background-image: none;
box-shadow: none;
}
}
}

View File

@ -190,15 +190,6 @@
text-align: center;
padding: 5px;
display: table-cell;
transition: box-shadow .1s ease-in-out;
:hover {
box-shadow:0 1px rgba(0, 0, 0, .1), inset 0 -3px rgba(0, 0, 0, .2);
}
:active {
box-shadow: none;
}
}
.extra {