aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-03-25 12:32:29 -0700
committerMark Otto <[email protected]>2012-03-25 12:32:29 -0700
commitb81a082cd13759bd5f0ff2a90513a56d59ace313 (patch)
tree27bb623f745048a702e273cc215711144fb02dc9
parent6c5c29ada2430c884888c9138ba09b0030584d17 (diff)
downloadbootstrap-b81a082cd13759bd5f0ff2a90513a56d59ace313.tar.xz
bootstrap-b81a082cd13759bd5f0ff2a90513a56d59ace313.zip
add navbarheight support to .brand and .nav links in navbar
-rw-r--r--docs/assets/bootstrap.zipbin56369 -> 56381 bytes
-rw-r--r--docs/assets/css/bootstrap.css3
-rw-r--r--less/navbar.less10
3 files changed, 10 insertions, 3 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 69849219e..582dc5348 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files differ
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index b4d9d80c6..1c80a05d7 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2804,6 +2804,7 @@ input[type="submit"].btn.btn-mini {
margin-bottom: 18px;
}
.navbar-inner {
+ height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #2c2c2c;
@@ -3030,7 +3031,7 @@ input[type="submit"].btn.btn-mini {
}
.navbar .nav > li > a {
float: none;
- padding: 10px 10px 11px;
+ padding: 9px 10px 11px;
line-height: 19px;
color: #999999;
text-decoration: none;
diff --git a/less/navbar.less b/less/navbar.less
index 297676f49..711e67f7a 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -16,6 +16,7 @@
// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
.navbar-inner {
+ height: @navbarHeight;
padding-left: 20px;
padding-right: 20px;
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
@@ -69,7 +70,10 @@
.brand {
float: left;
display: block;
- padding: 8px 20px 12px;
+ // Vertically center the text given @navbarHeight
+ @elementHeight: 20px;
+ padding: ((@navbarHeight - @elementHeight) / 2 - 2) 20px ((@navbarHeight - @elementHeight) / 2 + 2);
+
margin-left: -20px; // negative indent to left-align the text down the page
font-size: 20px;
font-weight: 200;
@@ -225,7 +229,9 @@
// Links
.navbar .nav > li > a {
float: none;
- padding: 10px 10px 11px;
+ // Vertically center the text given @navbarHeight
+ @elementHeight: 20px;
+ padding: ((@navbarHeight - @elementHeight) / 2 - 1) 10px ((@navbarHeight - @elementHeight) / 2 + 1);
line-height: 19px;
color: @navbarLinkColor;
text-decoration: none;