// Active nav items
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
- color: @navbarLinkColorHover;
+ color: @navbarLinkColorActive;
text-decoration: none;
- background-color: @navbarBackground;
+ background-color: @navbarLinkBackgroundActive;
}
// Dividers (basically a vertical hr)
+
// COMPONENT VARIABLES
// --------------------------------------------------
// Z-index master list
+// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
@zindexDropdown: 1000;
@zindexModalBackdrop: 1040;
@zindexModal: 1050;
+
// Sprite icons path
+// -------------------------
@iconSpritePath: "../img/glyphicons-halflings.png";
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
+
// Input placeholder text color
+// -------------------------
@placeholderText: @grayLight;
+
// Hr border color
+// -------------------------
@hrBorder: @grayLighter;
+
// Navbar
+// -------------------------
@navbarHeight: 40px;
@navbarBackground: @grayDarker;
@navbarBackgroundHighlight: @grayDark;
-@navbarLinkBackgroundHover: transparent;
@navbarText: @grayLight;
@navbarLinkColor: @grayLight;
@navbarLinkColorHover: @white;
+@navbarLinkColorActive: @navbarLinkColorHover;
+@navbarLinkBackgroundHover: transparent;
+@navbarLinkBackgroundActive: @navbarBackground;
+
// Hero unit
+// -------------------------
@heroUnitBackground: #312f2e;
@heroUnitHeadingColor: @white;
@heroUnitLeadColor: @white;
+
// Form states and alerts
+// -------------------------
@warningText: #c09853;
@warningBackground: #fcf8e3;
@warningBorder: darken(spin(@warningBackground, -10), 3%);
+
// GRID
// --------------------------------------------------
// Default 940px grid
+// -------------------------
@gridColumns: 12;
@gridColumnWidth: 60px;
@gridGutterWidth: 20px;
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
// Fluid grid
+// -------------------------
@fluidGridColumnWidth: 6.382978723%;
@fluidGridGutterWidth: 2.127659574%;