Permalink
Browse files

Avoid duplication of selectors and property value pairs

Mind scalability and future abstractions, prefer organizing related (and modular) rules separately
  • Loading branch information...
1 parent 8cfc3e9 commit d414217f3f13e72a1fc1b4b68ed9ec5a30728810 @niclasgelin niclasgelin committed Jan 21, 2013
Showing with 15 additions and 24 deletions.
  1. +15 −24 public/style.css
View
@@ -32,13 +32,6 @@ ul {
height: 22px;
width: 22px; }
-.search {
- padding: 7px 10px;
- color: #444;
- font-family: sans-serif;
- font-size: 14px;
- line-height: 1.5; }
-
#content {
margin: 0 auto;
padding: 0 30px; }
@@ -49,22 +42,6 @@ ul {
position: relative;
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 10px 0 7px 0; }
- .search {
- position: absolute;
- top: 18px;
- right: 0;
- padding: 5px 15px;
- border-radius: 20px;
- border: 1px solid rgba(0,0,0,.2);
- color: #444;
- font-family: sans-serif;
- font-size: 14px;
- line-height: 1.5; }
- .search:focus {
- outline: none;
- border-color: rgba(82, 168, 236, 0.8);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.3); }
- .search:-moz-placeholder { color: #a1a1a1; }
#description {
border-top: 1px solid #fff;
font-weight: 300;
@@ -81,6 +58,20 @@ ul {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; }
+.search {
+ position: absolute;
+ top: 18px;
+ right: 0;
+ padding: 5px 15px;
+ font: inherit;
+ border-radius: 20px;
+ border: 1px solid rgba(0,0,0,.2); }
+ .search:focus {
+ outline: none;
+ border-color: rgba(82, 168, 236, 0.8);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 4px rgba(82, 168, 236, 0.3); }
+ .search:-moz-placeholder { color: #a1a1a1; }
+
#share {
position: absolute;
top: 166px;
@@ -100,7 +91,7 @@ ul {
@media screen and (max-width: 640px) {
.search {
- position:relative;
+ position: relative;
top: 0; }
#share {
position: static;

0 comments on commit d414217

Please sign in to comment.