6c47be98c1
The reset we used was a mix of Normalize, the Paul Irish reset, sprinkled with some blueprint.css, and base styles. It was hard to maintain and just seemed outdated (setting the base font-size to 10px instead of 16px, among other things). Normalize sets saner defaults and is generally just not as disruptive as a full reset. The code was added as is, has only its comments stripped (for now), and is not mixed with any styles to make future updates to it as easy as possible. See #3, #44, #174, #267, #617.
35 lines
No EOL
1.1 KiB
SCSS
35 lines
No EOL
1.1 KiB
SCSS
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
border: 1px solid;
|
|
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);
|
|
}
|
|
|
|
button:hover,
|
|
input[type="button"]:hover,
|
|
input[type="reset"]:hover,
|
|
input[type="submit"]: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);
|
|
}
|
|
|
|
button:focus,
|
|
input[type="button"]:focus,
|
|
input[type="reset"]:focus,
|
|
input[type="submit"]:focus,
|
|
button:active,
|
|
input[type="button"]:active,
|
|
input[type="reset"]:active,
|
|
input[type="submit"]:active {
|
|
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);
|
|
} |