mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

more subnav optimizations

Browse Source
This commit is contained in:
Mark Otto
2012-06-24 20:42:31 -07:00
parent 71669dda63
commit 87af5d3bbe
6 changed files with 79 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
less/subnav.less
+27 -21
View File
@@ -6,12 +6,12 @@
------------------------- */
.subnav {
width: 100%;
height: @subnavHeight;
#gradient > .vertical(@subnavBackgroundHighlight, @subnavBackground);
border: 1px solid @subnavBorder;
-webkit-border-radius: @subnavBorderRadius;
-moz-border-radius: @subnavBorderRadius;
border-radius: @subnavBorderRadius;
height: 36px;
#gradient > .vertical(#f5f5f5, #eeeeee);
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
@@ -20,14 +20,15 @@
.subnav .nav {
margin-bottom: 0; // remove default bottom margin of .nav
}
// Make list items appear inline
.subnav .nav > li {
float: left;
}
.subnav .nav > li > a {
padding: 8px 12px;
line-height: 20px;
border-left: 1px solid @subnavBackgroundHighlight;
border-right: 1px solid @subnavBorder;
padding: 9px 12px;
line-height: 18px;
border-left: 1px solid #f5f5f5;
border-right: 1px solid #e5e5e5;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
@@ -40,27 +41,32 @@
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
border-left: 0;
padding-left: 12px;
-webkit-border-radius: @subnavBorderRadius 0 0 @subnavBorderRadius;
-moz-border-radius: @subnavBorderRadius 0 0 @subnavBorderRadius;
border-radius: @subnavBorderRadius 0 0 @subnavBorderRadius;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.subnav .nav > li:last-child > a {
border-right: 0;
}
/* Dropdown menus get matching border-radius
/* Reposition the dropdown carets */
.subnav .nav .dropdown-toggle .caret {
margin-top: 7px;
}
.nav .active .dropdown-toggle .caret {
border-top-color: #777;
border-bottom-color: #777;
}
/* Dropdown menus get matching border-radius */
.subnav .dropdown-menu {
-webkit-border-radius: 0 0 @subnavBorderRadius @subnavBorderRadius;
-moz-border-radius: 0 0 @subnavBorderRadius @subnavBorderRadius;
border-radius: 0 0 @subnavBorderRadius @subnavBorderRadius;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}