aboutsummaryrefslogtreecommitdiff
path: root/less/variables.less
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-03-06 21:32:52 -0800
committerMark Otto <[email protected]>2014-03-06 21:32:52 -0800
commitc8614c0f15f0ce78426c6403e57aff22c3ce2beb (patch)
tree673d1a347374a8bf53a127c050dbc57762af3782 /less/variables.less
parentd1a7271ea1272e0f9775d49e6a84ee49819e0094 (diff)
parentfab10b643eb1a2038fb31305f0b038b7a9a8554d (diff)
downloadbootstrap-c8614c0f15f0ce78426c6403e57aff22c3ce2beb.tar.xz
bootstrap-c8614c0f15f0ce78426c6403e57aff22c3ce2beb.zip
Merge branch 'master' into pr/12490
Conflicts: less/list-group.less
Diffstat (limited to 'less/variables.less')
-rw-r--r--less/variables.less58
1 files changed, 31 insertions, 27 deletions
diff --git a/less/variables.less b/less/variables.less
index 814f45351..823ef859c 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -74,7 +74,7 @@
@icon-font-path: "../fonts/";
@icon-font-name: "glyphicons-halflings-regular";
-@icon-font-svg-id: "glyphicons_halflingsregular";
+@icon-font-svg-id: "glyphicons_halflingsregular";
//== Components
//
@@ -257,7 +257,7 @@
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
// Extra small screen / phone
-// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
+// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1, and @screen-xs-min as of v3.2.0
@screen-xs: 480px;
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;
@@ -301,6 +301,26 @@
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet: ((720px + @grid-gutter-width));
+//** For `@screen-sm-min` and up.
+@container-sm: @container-tablet;
+
+// Medium screen / desktop
+@container-desktop: ((940px + @grid-gutter-width));
+//** For `@screen-md-min` and up.
+@container-md: @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop: ((1140px + @grid-gutter-width));
+//** For `@screen-lg-min` and up.
+@container-lg: @container-large-desktop;
+
+
//== Navbar
//
//##
@@ -505,9 +525,9 @@
//** Popover outer arrow width
@popover-arrow-outer-width: (@popover-arrow-width + 1);
//** Popover outer arrow color
-@popover-arrow-outer-color: rgba(0,0,0,.25);
+@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
//** Popover outer arrow fallback color
-@popover-arrow-outer-fallback-color: #999;
+@popover-arrow-outer-fallback-color: darken(@popover-fallback-border-color, 20%);
//== Labels
@@ -538,7 +558,7 @@
//##
//** Padding applied to the modal body
-@modal-inner-padding: 20px;
+@modal-inner-padding: 15px;
//** Padding applied to the modal title
@modal-title-padding: 15px;
@@ -634,9 +654,9 @@
@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
//** Text color of disabled list elements
-@list-group-disabled-color: @grey-light; // Or something else you want
+@list-group-disabled-color: @gray-light;
//** Background color of disabled list elements
-@list-group-disabled-bg: @grey-ligher; // Or something else you want
+@list-group-disabled-bg: @gray-lighter;
//** Border color of disabled list elements
@list-group-disabled-border: #eee; // Or something else you want
@list-group-disabled-text-color: lighten(@list-group-disabled-bg, 40%); // Or something else you want
@@ -651,6 +671,8 @@
@panel-bg: #fff;
@panel-body-padding: 15px;
+@panel-heading-padding: 10px 15px;
+@panel-footer-padding: @panel-heading-padding;
@panel-border-radius: @border-radius-base;
//** Border color for elements within panels
@@ -798,6 +820,8 @@
@headings-small-color: @gray-light;
//** Blockquote small color
@blockquote-small-color: @gray-light;
+//** Blockquote font size
+@blockquote-font-size: (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color: @gray-lighter;
//** Page header border color
@@ -813,23 +837,3 @@
//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-@container-tablet: ((720px + @grid-gutter-width));
-//** For `@screen-sm-min` and up.
-@container-sm: @container-tablet;
-
-// Medium screen / desktop
-@container-desktop: ((940px + @grid-gutter-width));
-//** For `@screen-md-min` and up.
-@container-md: @container-desktop;
-
-// Large screen / wide desktop
-@container-large-desktop: ((1140px + @grid-gutter-width));
-//** For `@screen-lg-min` and up.
-@container-lg: @container-large-desktop;