.navbar .nav > li > a {
margin-bottom: 2px;
}
- .navbar .nav > .vertical-divider {
+ .navbar .nav > .divider-vertical {
display: none;
}
.navbar .nav > li > a, .navbar .dropdown-menu a {
background-color: #222222;
background-color: rgba(0, 0, 0, 0.5);
}
-.navbar .vertical-divider {
+.navbar .divider-vertical {
height: 40px;
width: 1px;
- margin: 0 5px;
+ margin: 0 9px;
overflow: hidden;
background-color: #222222;
border-right: 1px solid #333333;
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</form>
<ul class="nav pull-right">
<li><a href="#">Link</a></li>
- <li class="vertical-divider"></li>
+ <li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="active">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="active">
<a href="./examples.html">Examples</a>
</li>
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
<li class="active">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
<li class="{{less}}">
<a href="./less.html">{{_i}}Using LESS{{/i}}</a>
</li>
+ <li class="divider-vertical"></li>
<li class="{{download}}">
<a href="./download.html">{{_i}}Customize{{/i}}</a>
</li>
- <li class="vertical-divider"></li>
<li class="{{examples}}">
<a href="./examples.html">{{_i}}Examples{{/i}}</a>
</li>
</form>
<ul class="nav pull-right">
<li><a href="#">{{_i}}Link{{/i}}</a></li>
- <li class="vertical-divider"></li>
+ <li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropdown{{/i}} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="">
<a href="./less.html">Using LESS</a>
</li>
+ <li class="divider-vertical"></li>
<li class="">
<a href="./download.html">Customize</a>
</li>
- <li class="vertical-divider"></li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
}
// Dividers (basically a vertical hr)
-.navbar .vertical-divider {
+.navbar .divider-vertical {
height: @navbarHeight;
width: 1px;
- margin: 0 5px;
+ margin: 0 9px;
overflow: hidden;
background-color: @navbarBackground;
border-right: 1px solid @navbarBackgroundHighlight;
.navbar .nav > li > a {
margin-bottom: 2px;
}
- .navbar .nav > .vertical-divider {
+ .navbar .nav > .divider-vertical {
display: none;
}
// Nav and dropdown links in navbar