<input type="text" placeholder="darken(@navbar-link-color, 10%)">
<label>@navbar-brand-hover-bg</label>
<input type="text" placeholder="transparent">
- <h4>Toggle</h4>
+ <h4>Toggle</h4>
<label>@navbar-toggle-hover-bg</label>
<input type="text" placeholder="#ddd">
<label>@navbar-toggle-icon-bar-bg</label>
<input type="text" placeholder="#fff">
<label>@navbar-inverse-brand-hover-bg</label>
<input type="text" placeholder="transparent">
- <h4>Toggle</h4>
+ <h4>Toggle</h4>
<label>@navbar-inverse-toggle-hover-bg</label>
<input type="text" placeholder="#333">
<label>@navbar-inverse-toggle-icon-bar-bg</label>
</div>
</div>
-
+
<h2 id="variables-nav">Nav</h2>
<div class="row">
<div class="col-lg-6">
<input type="text" placeholder="@component-active-bg">
</div>
</div>
-
-
+
+
<h2 id="variables-tables">Tables</h2>
<div class="row">
<div class="col-lg-6">
@navbar-brand-hover-color: darken(@navbar-link-color, 10%);
@navbar-brand-hover-bg: transparent;
+// Navbar toggle
+@navbar-toggle-hover-bg: #ddd;
+@navbar-toggle-icon-bar-bg: #ccc;
+@navbar-toggle-border-color: #ddd;
+
+
// Inverted navbar
-@navbar-inverse-color: @gray-light;
+//
+// Reset inverted navbar basics
+@navbar-inverse-color: @gray-light;
@navbar-inverse-bg: #222;
// Inverted navbar links
@navbar-inverse-search-border: @navbar-inverse-bg;
@navbar-inverse-search-placeholder-color: #ccc;
-// Navbar toggle
-@navbar-toggle-hover-bg: #ddd;
-@navbar-toggle-icon-bar-bg: #ccc;
-@navbar-toggle-border-color: #ddd;
-
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: #333;
@navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: #333;
+
// Navs
// -------------------------
// Pills
@nav-pills-active-link-hover-bg: @component-active-bg;
-
@nav-pills-active-link-hover-color: #fff;
+
// Pagination
// -------------------------