rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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:
Tammie Lister 2016-12-23 14:36:43 +00:00 committed by GitHub
parent 69cdd5361c 525defe430
commit 9f60f7dc41
2 changed files with 0 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sass/forms/_buttons.scss
View File

@ -6,21 +6,17 @@ input[type="submit"] {
border-color: $color__border-button; border-color: $color__border-button;
border-radius: 3px; border-radius: 3px;
background: $color__background-button; 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); color: rgba(0, 0, 0, .8);
@include font-size(0.75); @include font-size(0.75);
line-height: 1; line-height: 1;
padding: .6em 1em .4em; padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
&:hover { &:hover {
border-color: $color__border-button-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, &:active,
&:focus { &:focus {
border-color: $color__border-button-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);
} }
} }

4
style.css
View File

@ -425,13 +425,11 @@ input[type="submit"] {
border-color: #ccc #ccc #bbb; border-color: #ccc #ccc #bbb;
border-radius: 3px; border-radius: 3px;
background: #e6e6e6; 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); color: rgba(0, 0, 0, .8);
font-size: 12px; font-size: 12px;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1; line-height: 1;
padding: .6em 1em .4em; padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
} }
button:hover, button:hover,
@ -439,7 +437,6 @@ input[type="button"]:hover,
input[type="reset"]:hover, input[type="reset"]:hover,
input[type="submit"]:hover { input[type="submit"]:hover {
border-color: #ccc #bbb #aaa; 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, button:focus,
@ -451,7 +448,6 @@ input[type="button"]:active,
input[type="reset"]:active, input[type="reset"]:active,
input[type="submit"]:active { input[type="submit"]:active {
border-color: #aaa #bbb #bbb; 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"], input[type="text"],