Better button style.

This commit is contained in:
Sean Li 2015-06-10 17:53:09 -07:00
parent 00cf90d871
commit 77afa027fe
2 changed files with 7 additions and 7 deletions

View File

@ -30,7 +30,7 @@
display: flex; display: flex;
flex: 1 auto; flex: 1 auto;
justify-content: flex-end; justify-content: flex-end;
margin: 0.8rem 1rem 0 0; margin: 0.8rem 0.8rem 0 0;
a { a {
display: block; display: block;
text-decoration: none; text-decoration: none;

View File

@ -6,7 +6,7 @@
@import "bootstrap/mixins.less"; @import "bootstrap/mixins.less";
h2 { h2 {
font-size: 18px; font-size: 16px;
color: @gray-normal; color: @gray-normal;
} }
@ -74,7 +74,7 @@ input[type="text"] {
font-weight: 500; font-weight: 500;
&:hover { &:hover {
background-color: fade(@btn-color, 3%); background-color: fade(@btn-color, 2%);
border-color: darken(@btn-color, 5%); border-color: darken(@btn-color, 5%);
color: darken(@btn-color, 5%); color: darken(@btn-color, 5%);
cursor: default; cursor: default;
@ -88,9 +88,9 @@ input[type="text"] {
} }
&:active { &:active {
background-color: fade(@btn-color, 5%); background-color: fade(@btn-color, 3%);
border-color: darken(@btn-color, 5%); border-color: darken(@btn-color, 5%);
box-shadow: 0 0 0 3px fade(@btn-color, 25%); box-shadow: 0 0 15px fade(@btn-color, 25%);
} }
&:disabled, &:disabled,
@ -129,7 +129,7 @@ input[type="text"] {
&:active { &:active {
background-color: darken(@btn-color, 5%); background-color: darken(@btn-color, 5%);
box-shadow: 0 0 0 3px fade(@btn-color, 25%); box-shadow: 0 0 15px fade(@btn-color, 25%);
} }
&:disabled, &:disabled,
@ -174,7 +174,7 @@ input[type="text"] {
text-shadow: none; text-shadow: none;
cursor: default; cursor: default;
font-size: 12px; font-size: 12px;
padding: 0.4rem 1rem; padding: 0.5rem 1rem;
text-transform: uppercase; text-transform: uppercase;
&.has-icon { &.has-icon {