From 5de8b277c6bcc1102e61fa41e1f498617e5fcbf8 Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Sat, 10 Mar 2012 16:21:34 -0800
Subject: add vars for navbar search

---
 less/navbar.less    | 6 +++---
 less/variables.less | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'less')

diff --git a/less/navbar.less b/less/navbar.less
index 0a4870ec3..fbac53f38 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -127,8 +127,8 @@
     padding: 4px 9px;
     #font > .sans-serif(13px, normal, 1);
     color: @white;
-    background-color: lighten(@navbarBackground, 25%);
-    border: 1px solid darken(@navbarBackground, 15%);
+    background-color: @navbarSearchBackground;
+    border: 1px solid @navbarSearchBorder;
     @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15);
     .box-shadow(@shadow);
     .transition(none);
@@ -147,7 +147,7 @@
       padding: 5px 10px;
       color: @grayDark;
       text-shadow: 0 1px 0 @white;
-      background-color: @white;
+      background-color: @navbarSearchBackgroundFocus;
       border: 0;
       .box-shadow(0 0 3px rgba(0,0,0,.15));
       outline: 0;
diff --git a/less/variables.less b/less/variables.less
index 6c251da56..c4614dd76 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -149,6 +149,9 @@
 @navbarLinkBackgroundHover:       transparent;
 @navbarLinkBackgroundActive:      @navbarBackground;
 
+@navbarSearchBackground:          lighten(@navbarBackground, 25%);
+@navbarSearchBackgroundFocus:     @white;
+@navbarSearchBorder:              darken(@navbarSearchBackground, 30%);
 @navbarSearchPlaceholderColor:    #ccc;
 
 
-- 
cgit v1.2.3