mirror of https://github.com/twbs/bootstrap.git
				
				
				
			rename vertical-divider to divider-vertical, add more space around the divider
This commit is contained in:
		
							parent
							
								
									8b77722a93
								
							
						
					
					
						commit
						8f448610a9
					
				
										
											Binary file not shown.
										
									
								
							|  | @ -308,7 +308,7 @@ | |||
|   .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 { | ||||
|  |  | |||
|  | @ -2509,10 +2509,10 @@ button.btn.small, input[type="submit"].btn.small { | |||
|   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; | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  | @ -694,7 +694,7 @@ | |||
|           </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"> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -618,7 +618,7 @@ | |||
|           </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"> | ||||
|  |  | |||
|  | @ -59,10 +59,10 @@ | |||
|               <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> | ||||
|  |  | |||
|  | @ -208,10 +208,10 @@ | |||
| } | ||||
| 
 | ||||
| // 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; | ||||
|  |  | |||
|  | @ -207,7 +207,7 @@ | |||
|   .navbar .nav > li > a { | ||||
|     margin-bottom: 2px; | ||||
|   } | ||||
|   .navbar .nav > .vertical-divider { | ||||
|   .navbar .nav > .divider-vertical { | ||||
|     display: none; | ||||
|   } | ||||
|   // Nav and dropdown links in navbar | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue