Browse Source

Adding darker clear search button

Dave Gandy 10 years ago
parent
commit
bffb4ad551
2 changed files with 6 additions and 2 deletions
  1. 5 1
      src/assets/less/site/search.less
  2. 1 1
      src/icons.html

+ 5 - 1
src/assets/less/site/search.less

@@ -24,7 +24,11 @@
     text-decoration: none;
     text-decoration: none;
     position: absolute;
     position: absolute;
     right: 18px;
     right: 18px;
-    top: 53px;
+    top: 54px;
+    color: @text-muted;
+    &:hover {
+      color: mix(#000, @text-muted, 20%);
+    }
   }
   }
 }
 }
 
 

+ 1 - 1
src/icons.html

@@ -26,7 +26,7 @@ relative_path: ../
       <section id="search">
       <section id="search">
         <label for="search-input"><i class="fa fa-search"></i></label>
         <label for="search-input"><i class="fa fa-search"></i></label>
         <input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
         <input id="search-input" class="form-control input-lg" placeholder="Search icons" autocomplete="off" spellcheck="false" autocorrect="off" tabindex="1">
-        <a id="search-clear" href="#" class="fa fa-times hide"></a>
+        <a id="search-clear" href="#" class="fa fa-times-circle hide"></a>
       </section>
       </section>
     </div>
     </div>
     <div class="col-md-2 col-sm-3 hidden-xs">
     <div class="col-md-2 col-sm-3 hidden-xs">