Commit f2fadf1f authored by Mark Otto's avatar Mark Otto

rename navbar variables, change navbar search placeholder to mixin

parent a920fa29
This diff is collapsed.
This diff is collapsed.
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
@import "close.less"; @import "close.less";
// Components: Nav // Components: Nav
@import "navbar.less";
@import "navs.less"; @import "navs.less";
@import "navbar.less";
@import "breadcrumbs.less"; @import "breadcrumbs.less";
@import "pagination.less"; @import "pagination.less";
@import "pager.less"; @import "pager.less";
......
// NAVBAR (FIXED AND STATIC) // NAVBAR (FIXED AND STATIC)
// ------------------------- // -------------------------
// Navbar variables
@navBarHeight: 40px;
@navBarBgStart: #333;
@navBarBgEnd: #222;
// Common styles // COMMON STYLES
// -------------
.navbar { .navbar {
overflow: visible; overflow: visible;
} }
// gradient is applied to it's own element because overflow visible is not honored by IE when filter is present // gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
.navbar-inner { .navbar-inner {
background-color: @navBarBgEnd; background-color: @navbarBackground;
#gradient > .vertical(@navBarBgStart, @navBarBgEnd); #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
@shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
.box-shadow(@shadow); .box-shadow(@shadow);
} }
// Text and links // Text and links
.navbar { .navbar {
// Hover and active states // Hover and active states
...@@ -75,20 +74,16 @@ ...@@ -75,20 +74,16 @@
#font > .sans-serif(13px, normal, 1); #font > .sans-serif(13px, normal, 1);
color: @white; color: @white;
color: rgba(255,255,255,.75); color: rgba(255,255,255,.75);
background-color: #444; background: #444;
background-color: rgba(255,255,255,.3); background: rgba(255,255,255,.3);
border: 1px solid #111; border: 1px solid #111;
@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);
// Placeholder text gets special styles; can't be bundled together though for some reason // Placeholder text gets special styles; can't be bundled together though for some reason
&:-moz-placeholder { .placeholder(@grayLighter);
color: @grayLighter;
}
&::-webkit-input-placeholder {
color: @grayLighter;
}
// Hover states // Hover states
&:hover { &:hover {
color: @white; color: @white;
......
...@@ -51,6 +51,9 @@ ...@@ -51,6 +51,9 @@
// COMPONENT VARIABLES // COMPONENT VARIABLES
// -------------------------------------------------- // --------------------------------------------------
// Input placeholder text color
@placeHolderText: @grayLight;
// Z-index master list // Z-index master list
// Used for a bird's eye view of components dependent on the z-axis // Used for a bird's eye view of components dependent on the z-axis
@zindexDropdown: 1000; @zindexDropdown: 1000;
...@@ -60,5 +63,9 @@ ...@@ -60,5 +63,9 @@
@zindexModalBackdrop: 1040; @zindexModalBackdrop: 1040;
@zindexModal: 1050; @zindexModal: 1050;
// Input placeholder text color // Navbar
@placeHolderText: @grayLight; @navBarHeight: 40px;
@navbarBackground: #222;
@navbarBackgroundHighlight: #333;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment