aboutsummaryrefslogtreecommitdiff
path: root/less/variables.less
diff options
context:
space:
mode:
authorIvan Khalopik <[email protected]>2013-05-27 11:06:31 +0300
committerIvan Khalopik <[email protected]>2013-05-27 11:06:31 +0300
commit3285f4c3062f4a56eaed2461a3128a2e6a3ba9cc (patch)
tree5fa0a3d3556a83cd96147da46e90ae9f361d8efc /less/variables.less
parent3c7a43a1f373d0c534476578b96a75ae2e63c985 (diff)
parent7cbb1c0452a1d9904f7655aea78644def85b7f2e (diff)
downloadbootstrap-3285f4c3062f4a56eaed2461a3128a2e6a3ba9cc.tar.xz
bootstrap-3285f4c3062f4a56eaed2461a3128a2e6a3ba9cc.zip
Merge remote-tracking branch 'bootstrap/3.0.0-wip' into 3.0.0-wip
Conflicts: js/bootstrap-collapse.js
Diffstat (limited to 'less/variables.less')
-rw-r--r--less/variables.less52
1 files changed, 32 insertions, 20 deletions
diff --git a/less/variables.less b/less/variables.less
index 37d51e16e..9cd8f830b 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -46,27 +46,33 @@
@font-family-base: @font-family-sans-serif;
@font-size-base: 14px;
-@font-size-large: (@font-size-base * 1.25); // ~18px
-@font-size-small: (@font-size-base * 0.85); // ~12px
-@font-size-mini: (@font-size-base * 0.75); // ~11px
+@font-size-large: ceil(@font-size-base * 1.25); // ~18px
+@font-size-small: ceil(@font-size-base * 0.85); // ~12px
+@font-size-mini: ceil(@font-size-base * 0.75); // ~11px
-@line-height-base: 20px;
+@line-height-base: 1.428571429; // 20/14
+@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
-@headings-font-family: inherit; // empty to use BS default, @font-family-base
@headings-font-weight: 500;
+@headings-line-height: 1.1;
// Components
// -------------------------
-// Based on 14px font-size and 1.5 line-height
+// Based on 14px font-size and 1.428 line-height (~20px to start)
-@padding-large: 11px 14px; // 44px
-@padding-small: 2px 10px; // 26px
-@padding-mini: 0 6px; // 22px
+@padding-base-vertical: 8px;
+@padding-base-horizontal: 12px;
-@border-radius-base: 4px;
-@border-radius-large: 6px;
-@border-radius-small: 3px;
+@padding-large-vertical: 14px;
+@padding-large-horizontal: 16px;
+
+@padding-small-vertical: 5px;
+@padding-small-horizontal: 10px;
+
+@border-radius-base: 4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
@component-active-bg: @brand-primary;
@@ -84,22 +90,27 @@
// Buttons
// -------------------------
-@btn-color: #fff;
-@btn-bg: #a7a9aa;
-@btn-border: @btn-bg;
+@btn-default-color: #fff;
+@btn-default-bg: #a7a9aa;
+@btn-default-border: @btn-default-bg;
+@btn-primary-color: @btn-default-color;
@btn-primary-bg: @brand-primary;
@btn-primary-border: @btn-primary-bg;
+@btn-success-color: @btn-default-color;
@btn-success-bg: @brand-success;
@btn-success-border: @btn-success-bg;
+@btn-warning-color: @btn-default-color;
@btn-warning-bg: @brand-warning;
@btn-warning-border: @btn-warning-bg;
+@btn-danger-color: @btn-default-color;
@btn-danger-bg: @brand-danger;
@btn-danger-border: @btn-danger-bg;
+@btn-info-color: @btn-default-color;
@btn-info-bg: @brand-info;
@btn-info-border: @btn-info-bg;
@@ -116,11 +127,11 @@
@input-color-placeholder: @gray-light;
-@input-height-base: (@line-height-base + 14px); // base line-height + 12px vertical padding + 2px top/bottom border
-@input-height-large: (@line-height-base + 24px); // base line-height + 22px vertical padding + 2px top/bottom border
-@input-height-small: (@line-height-base + 6px); // base line-height + 4px vertical padding + 2px top/bottom border
+@input-height-base: (@line-height-computed + (@padding-base-vertical * 2));
+@input-height-large: (@line-height-computed + (@padding-large-vertical * 2));
+@input-height-small: (@line-height-computed + (@padding-small-vertical * 2));
-@form-actions-bg: #f5f5f5;
+@form-actions-bg: #f5f5f5;
// Dropdowns
@@ -314,7 +325,7 @@
@list-group-border-radius: @border-radius-base;
@list-group-hover-bg: #f5f5f5;
-@list-group-active-text: #fff;
+@list-group-active-color: #fff;
@list-group-active-bg: @component-active-bg;
@list-group-active-border: @list-group-active-bg;
@@ -324,6 +335,7 @@
@panel-border: #ddd;
@panel-border-radius: @border-radius-base;
@panel-heading-bg: #f5f5f5;
+@panel-footer-bg: #f5f5f5;
@panel-primary-text: #fff;
@panel-primary-border: @brand-primary;