0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-06 04:08:22 +01:00

rename vertical-divider to divider-vertical, add more space around the divider

This commit is contained in:
Mark Otto 2012-01-30 01:09:34 -08:00
parent 8b77722a93
commit 8f448610a9
16 changed files with 18 additions and 18 deletions

Binary file not shown.

View File

@ -308,7 +308,7 @@
.navbar .nav > li > a { .navbar .nav > li > a {
margin-bottom: 2px; margin-bottom: 2px;
} }
.navbar .nav > .vertical-divider { .navbar .nav > .divider-vertical {
display: none; display: none;
} }
.navbar .nav > li > a, .navbar .dropdown-menu a { .navbar .nav > li > a, .navbar .dropdown-menu a {

View File

@ -2509,10 +2509,10 @@ button.btn.small, input[type="submit"].btn.small {
background-color: #222222; background-color: #222222;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
.navbar .vertical-divider { .navbar .divider-vertical {
height: 40px; height: 40px;
width: 1px; width: 1px;
margin: 0 5px; margin: 0 9px;
overflow: hidden; overflow: hidden;
background-color: #222222; background-color: #222222;
border-right: 1px solid #333333; border-right: 1px solid #333333;

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>
@ -694,7 +694,7 @@
</form> </form>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="#">Link</a></li> <li><a href="#">Link</a></li>
<li class="vertical-divider"></li> <li class="divider-vertical"></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class="active"> <li class="active">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class="active"> <li class="active">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class="active"> <li class="active">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -59,10 +59,10 @@
<li class="{{less}}"> <li class="{{less}}">
<a href="./less.html">{{_i}}Using LESS{{/i}}</a> <a href="./less.html">{{_i}}Using LESS{{/i}}</a>
</li> </li>
<li class="divider-vertical"></li>
<li class="{{download}}"> <li class="{{download}}">
<a href="./download.html">{{_i}}Customize{{/i}}</a> <a href="./download.html">{{_i}}Customize{{/i}}</a>
</li> </li>
<li class="vertical-divider"></li>
<li class="{{examples}}"> <li class="{{examples}}">
<a href="./examples.html">{{_i}}Examples{{/i}}</a> <a href="./examples.html">{{_i}}Examples{{/i}}</a>
</li> </li>

View File

@ -618,7 +618,7 @@
</form> </form>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="#">{{_i}}Link{{/i}}</a></li> <li><a href="#">{{_i}}Link{{/i}}</a></li>
<li class="vertical-divider"></li> <li class="divider-vertical"></li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropdown{{/i}} <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropdown{{/i}} <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">

View File

@ -59,10 +59,10 @@
<li class=""> <li class="">
<a href="./less.html">Using LESS</a> <a href="./less.html">Using LESS</a>
</li> </li>
<li class="divider-vertical"></li>
<li class=""> <li class="">
<a href="./download.html">Customize</a> <a href="./download.html">Customize</a>
</li> </li>
<li class="vertical-divider"></li>
<li class=""> <li class="">
<a href="./examples.html">Examples</a> <a href="./examples.html">Examples</a>
</li> </li>

View File

@ -208,10 +208,10 @@
} }
// Dividers (basically a vertical hr) // Dividers (basically a vertical hr)
.navbar .vertical-divider { .navbar .divider-vertical {
height: @navbarHeight; height: @navbarHeight;
width: 1px; width: 1px;
margin: 0 5px; margin: 0 9px;
overflow: hidden; overflow: hidden;
background-color: @navbarBackground; background-color: @navbarBackground;
border-right: 1px solid @navbarBackgroundHighlight; border-right: 1px solid @navbarBackgroundHighlight;

View File

@ -207,7 +207,7 @@
.navbar .nav > li > a { .navbar .nav > li > a {
margin-bottom: 2px; margin-bottom: 2px;
} }
.navbar .nav > .vertical-divider { .navbar .nav > .divider-vertical {
display: none; display: none;
} }
// Nav and dropdown links in navbar // Nav and dropdown links in navbar