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