add new vars for common font-sizes and paddings with large, small, and mini components; resize pagination and buttons to better match each other

1 files changed, 13 insertions, 9 deletions

diff --git a/less/buttons.less b/less/buttons.less
index c80986ea7..1fa33d1e5 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -71,11 +71,17 @@
 // Button Sizes
 // --------------------------------------------------
 
+// Reset line-heights
+.btn-large,
+.btn-small,
+.btn-mini {
+  line-height: 1;
+}
+
 // Large
 .btn-large {
-  padding: 9px 14px;
-  font-size: @baseFontSize + 2px;
-  line-height: normal;
+  padding: @paddingLarge;
+  font-size: @fontSizeLarge;
   .border-radius(5px);
 }
 .btn-large [class^="icon-"] {
@@ -84,9 +90,8 @@
 
 // Small
 .btn-small {
-  padding: 3px 9px;
-  font-size: @baseFontSize - 2px;
-  line-height: @baseLineHeight - 2px;
+  padding: @paddingSmall;
+  font-size: @fontSizeSmall;
 }
 .btn-small [class^="icon-"] {
   margin-top: 0;
@@ -94,9 +99,8 @@
 
 // Mini
 .btn-mini {
-  padding: 2px 6px;
-  font-size: @baseFontSize - 3px;
-  line-height: @baseLineHeight - 3px;
+  padding: @paddingMini;
+  font-size: @fontSizeMini;
 }