diff options
| author | Mark Otto <[email protected]> | 2012-03-25 12:32:29 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-03-25 12:32:29 -0700 |
| commit | b81a082cd13759bd5f0ff2a90513a56d59ace313 (patch) | |
| tree | 27bb623f745048a702e273cc215711144fb02dc9 /less | |
| parent | 6c5c29ada2430c884888c9138ba09b0030584d17 (diff) | |
| download | bootstrap-b81a082cd13759bd5f0ff2a90513a56d59ace313.tar.xz bootstrap-b81a082cd13759bd5f0ff2a90513a56d59ace313.zip | |
add navbarheight support to .brand and .nav links in navbar
Diffstat (limited to 'less')
| -rw-r--r-- | less/navbar.less | 10 |
1 files changed, 8 insertions, 2 deletions
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; |