From 94792b9dae3800e739e0036d45a276c3127b103d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 2 May 2013 23:05:09 -0700 Subject: Improve buttons in navbars * Add top margin, calculated by subtracting height of an input from height of a navbar, and dividing by two * Uses the same method as .navbar-form * To use, add .navbar-btn to any button outside a form element * Also add section to docs detailing buttons in navbars, and add more ids for the other unlinked and unmentioned sections in the side nav --- less/navbar.less | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) (limited to 'less') diff --git a/less/navbar.less b/less/navbar.less index 88cb33bce..9511670cd 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -299,6 +299,15 @@ } + +// Buttons in navbar +// +// Vertically center a button within a navbar (when *not* in a form). + +.navbar-btn { + margin-top: ((@navbar-height - @input-height-base) / 2); +} + /* // Janky solution for now to account for links outside the .nav @@ -310,17 +319,4 @@ } } -// Buttons in navbar -// ------------------------- -.navbar .btn, -.navbar .btn-group { - .navbarVerticalAlign(30px); // Vertically center in navbar -} -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; // then undo the margin here so we don't accidentally double it -} - - */ -- cgit v1.2.3