From 23a7ab4b51f0f366bad00b5a8db7c9ee76eec16b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 5 Nov 2012 18:44:10 -0800 Subject: [PATCH] icon vertical align in buttons --- docs/assets/css/bootstrap.css | 19 +++++++++---------- less/buttons.less | 16 ++++++++-------- 2 files changed, 17 insertions(+), 18 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d2b2c24424..6dfc380153 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3286,11 +3286,6 @@ button.close { border-radius: 6px; } -.btn-large [class^="icon-"], -.btn-large [class*=" icon-"] { - margin-top: 2px; -} - .btn-small { padding: 2px 10px; font-size: 11.9px; @@ -3299,11 +3294,6 @@ button.close { border-radius: 3px; } -.btn-small [class^="icon-"], -.btn-small [class*=" icon-"] { - margin-top: 0; -} - .btn-mini { padding: 0 6px; font-size: 10.5px; @@ -3312,6 +3302,15 @@ button.close { border-radius: 3px; } +.btn [class^="icon-"]:before { + vertical-align: -2px; +} + +.btn-small [class^="icon-"]:before, +.btn-mini [class^="icon-"]:before { + vertical-align: -1px; +} + .btn-block { display: block; width: 100%; diff --git a/less/buttons.less b/less/buttons.less index 4497d3acd7..80a31fcf54 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -72,10 +72,6 @@ font-size: @fontSizeLarge; .border-radius(@borderRadiusLarge); } -.btn-large [class^="icon-"], -.btn-large [class*=" icon-"] { - margin-top: 2px; -} // Small .btn-small { @@ -83,10 +79,6 @@ font-size: @fontSizeSmall; .border-radius(@borderRadiusSmall); } -.btn-small [class^="icon-"], -.btn-small [class*=" icon-"] { - margin-top: 0; -} // Mini .btn-mini { @@ -96,6 +88,14 @@ } +// Icons in buttons +// ------------------------- + +.btn [class^="icon-"]:before { vertical-align: -2px; } +.btn-small [class^="icon-"]:before, +.btn-mini [class^="icon-"]:before { vertical-align: -1px; } + + // Block button // -------------------------