1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

add vars for navbar search

This commit is contained in:
Mark Otto 2012-03-10 16:21:34 -08:00
parent a3e9fc547c
commit 5de8b277c6
6 changed files with 19 additions and 4 deletions

Binary file not shown.

View file

@ -2882,7 +2882,7 @@ input[type="submit"].btn.btn-small {
line-height: 1; line-height: 1;
color: #ffffff; color: #ffffff;
background-color: #626262; background-color: #626262;
border: 1px solid #000000; border: 1px solid #151515;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);

View file

@ -327,6 +327,12 @@
<input type="text" class="span3" placeholder="transparent"> <input type="text" class="span3" placeholder="transparent">
<label>@navbarLinkBackgroundActive</label> <label>@navbarLinkBackgroundActive</label>
<input type="text" class="span3" placeholder="@navbarBackground"> <input type="text" class="span3" placeholder="@navbarBackground">
<label>@navbarSearchBackground</label>
<input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
<label>@navbarSearchBackgroundFocus</label>
<input type="text" class="span3" placeholder="@white">
<label>@navbarSearchBorder</label>
<input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
<label>@navbarSearchPlaceholderColor</label> <label>@navbarSearchPlaceholderColor</label>
<input type="text" class="span3" placeholder="#ccc"> <input type="text" class="span3" placeholder="#ccc">

View file

@ -251,6 +251,12 @@
<input type="text" class="span3" placeholder="transparent"> <input type="text" class="span3" placeholder="transparent">
<label>@navbarLinkBackgroundActive</label> <label>@navbarLinkBackgroundActive</label>
<input type="text" class="span3" placeholder="@navbarBackground"> <input type="text" class="span3" placeholder="@navbarBackground">
<label>@navbarSearchBackground</label>
<input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
<label>@navbarSearchBackgroundFocus</label>
<input type="text" class="span3" placeholder="@white">
<label>@navbarSearchBorder</label>
<input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
<label>@navbarSearchPlaceholderColor</label> <label>@navbarSearchPlaceholderColor</label>
<input type="text" class="span3" placeholder="#ccc"> <input type="text" class="span3" placeholder="#ccc">

View file

@ -127,8 +127,8 @@
padding: 4px 9px; padding: 4px 9px;
#font > .sans-serif(13px, normal, 1); #font > .sans-serif(13px, normal, 1);
color: @white; color: @white;
background-color: lighten(@navbarBackground, 25%); background-color: @navbarSearchBackground;
border: 1px solid darken(@navbarBackground, 15%); border: 1px solid @navbarSearchBorder;
@shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15); @shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15);
.box-shadow(@shadow); .box-shadow(@shadow);
.transition(none); .transition(none);
@ -147,7 +147,7 @@
padding: 5px 10px; padding: 5px 10px;
color: @grayDark; color: @grayDark;
text-shadow: 0 1px 0 @white; text-shadow: 0 1px 0 @white;
background-color: @white; background-color: @navbarSearchBackgroundFocus;
border: 0; border: 0;
.box-shadow(0 0 3px rgba(0,0,0,.15)); .box-shadow(0 0 3px rgba(0,0,0,.15));
outline: 0; outline: 0;

View file

@ -149,6 +149,9 @@
@navbarLinkBackgroundHover: transparent; @navbarLinkBackgroundHover: transparent;
@navbarLinkBackgroundActive: @navbarBackground; @navbarLinkBackgroundActive: @navbarBackground;
@navbarSearchBackground: lighten(@navbarBackground, 25%);
@navbarSearchBackgroundFocus: @white;
@navbarSearchBorder: darken(@navbarSearchBackground, 30%);
@navbarSearchPlaceholderColor: #ccc; @navbarSearchPlaceholderColor: #ccc;