Make button hover transition less violent

This commit is contained in:
Scott Mansell 2015-09-16 16:45:43 +12:00
parent be60566629
commit 0f6e471f2f
2 changed files with 8 additions and 9 deletions

View File

@ -102,11 +102,11 @@ input[type="button"] {
text-decoration: none;
vertical-align: top;
width: auto;
@include transition(all .5s);
@include transition(all .4s);
&:hover,
&:active {
background: #fff;
color: $hotpink;
background: lighten($hotpink, 12%);
//color: $hotpink;
}
// IE7
*padding-top: 2px;

View File

@ -103,10 +103,10 @@ input[type="button"] {
text-decoration: none;
vertical-align: top;
width: auto;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
*padding-top: 2px;
*padding-bottom: 0;
}
@ -119,8 +119,7 @@ input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
background: #fff;
color: #1792FF;
background: #54afff;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,