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

Border Color 

Minor CSS optimization for border and border color.

For the border itself, we don't need to include the color in ```border: {}```, color is already added in ```border-color: {}```. 

Since the Theme uses shorthands for padding/margins, why not do the same for the border colors as well.
This commit is contained in:
Emil Uzelac 2014-05-26 16:00:23 -05:00
parent cf64e34608
commit 92128bbc7d
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
style.css
View File

@ -258,8 +258,8 @@ button,
input[type="button"], input[type="button"],
input[type="reset"], input[type="reset"],
input[type="submit"] { input[type="submit"] {
border: 1px solid #ccc; border: 1px solid;
border-color: #ccc #ccc #bbb #ccc; 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); 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);
@ -276,7 +276,7 @@ button:hover,
input[type="button"]:hover, 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 #bbb; 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); 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,
@ -287,7 +287,7 @@ button:active,
input[type="button"]:active, 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 #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); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
} }
input[type="checkbox"], input[type="checkbox"],