diff options
| author | Mark Otto <[email protected]> | 2012-01-28 15:09:23 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-28 15:09:23 -0800 |
| commit | 23e076c1bb73c4950d473cb36218937b2607bc13 (patch) | |
| tree | 4039a74e582bd3fb05f0dd5ed7f5b454446ff5e7 /less | |
| parent | dc74530fba5ba8fee19da7e53ad324718ac07a46 (diff) | |
| download | bootstrap-23e076c1bb73c4950d473cb36218937b2607bc13.tar.xz bootstrap-23e076c1bb73c4950d473cb36218937b2607bc13.zip | |
add in a navbar button for toggling the nav items
Diffstat (limited to 'less')
| -rw-r--r-- | less/bootstrap.less | 10 | ||||
| -rw-r--r-- | less/navbar.less | 23 | ||||
| -rw-r--r-- | less/responsive.less | 5 |
3 files changed, 33 insertions, 5 deletions
diff --git a/less/bootstrap.less b/less/bootstrap.less index 3dad408c9..ea84f4899 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -33,6 +33,11 @@ @import "component-animations.less"; @import "close.less"; +// Components: Buttons & Alerts +@import "buttons.less"; +@import "button-groups.less"; +@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less + // Components: Nav @import "navs.less"; @import "navbar.less"; @@ -45,11 +50,6 @@ @import "tooltip.less"; @import "popovers.less"; -// Components: Buttons & Alerts -@import "buttons.less"; -@import "button-groups.less"; -@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less - // Components: Misc @import "thumbnails.less"; @import "labels.less"; diff --git a/less/navbar.less b/less/navbar.less index 63484fc3c..a72c0d74e 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -16,6 +16,29 @@ .box-shadow(@shadow); } +// Navbar button for toggling navbar items in responsive layouts +.btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 10px; + margin-right: 10px; + .buttonBackground(@navbarBackgroundHighlight, @navbarBackground); + @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + .box-shadow(@shadow); +} +.btn-navbar .i-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + .border-radius(1px); + .box-shadow(0 1px 0 rgba(0,0,0,.25)); +} +.btn-navbar .i-bar + .i-bar { + margin-top: 3px; +} + // Brand, links, text, and buttons .navbar { // Hover and active states diff --git a/less/responsive.less b/less/responsive.less index ef2df5f1d..cc3b2882f 100644 --- a/less/responsive.less +++ b/less/responsive.less @@ -127,6 +127,11 @@ margin: 0; } + // Navbar button + .btn-navbar { + display: block; + } + } |