forked from mirror/_s
Merge pull request #1024 from joviczarko/RemoveButtonShadow
Remove Button Shadow Styling: props @joviczarko I agree that this is a good latest update. Many remove this anyway.
This commit is contained in:
commit
9f60f7dc41
|
@ -6,21 +6,17 @@ input[type="submit"] {
|
|||
border-color: $color__border-button;
|
||||
border-radius: 3px;
|
||||
background: $color__background-button;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
|
||||
color: rgba(0, 0, 0, .8);
|
||||
@include font-size(0.75);
|
||||
line-height: 1;
|
||||
padding: .6em 1em .4em;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
|
||||
|
||||
&:hover {
|
||||
border-color: $color__border-button-hover;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
border-color: $color__border-button-focus;
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
|
@ -425,13 +425,11 @@ input[type="submit"] {
|
|||
border-color: #ccc #ccc #bbb;
|
||||
border-radius: 3px;
|
||||
background: #e6e6e6;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
|
||||
color: rgba(0, 0, 0, .8);
|
||||
font-size: 12px;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1;
|
||||
padding: .6em 1em .4em;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
button:hover,
|
||||
|
@ -439,7 +437,6 @@ input[type="button"]:hover,
|
|||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover {
|
||||
border-color: #ccc #bbb #aaa;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
|
||||
button:focus,
|
||||
|
@ -451,7 +448,6 @@ input[type="button"]:active,
|
|||
input[type="reset"]:active,
|
||||
input[type="submit"]:active {
|
||||
border-color: #aaa #bbb #bbb;
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
|
|
Reference in New Issue