Permalink
Browse files

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.
  • Loading branch information...
2 parents 69cdd53 + 525defe commit 9f60f7dc41b9dffb8a698fb73f97932d7191f26d @karmatosed karmatosed committed on GitHub Dec 23, 2016
Showing with 0 additions and 8 deletions.
  1. +0 −4 sass/forms/_buttons.scss
  2. +0 −4 style.css
@@ -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);
}
}
View
@@ -425,21 +425,18 @@ 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,
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"],

0 comments on commit 9f60f7d

Please sign in to comment.