aboutsummaryrefslogtreecommitdiff
path: root/less
diff options
context:
space:
mode:
authormrmrs <[email protected]>2014-03-09 23:28:08 -0700
committermrmrs <[email protected]>2014-03-09 23:28:08 -0700
commit2f380a968353e1adc4a331e0c5892a07e1241ae7 (patch)
tree7a723d64d73817f53e05bab7f4109edb2161d60f /less
parent348b7de7f7c6c1fb72b0e47124d814c639475f5d (diff)
parente727973d8c8cec151f13bd65d24a664918efd28a (diff)
downloadbootstrap-2f380a968353e1adc4a331e0c5892a07e1241ae7.tar.xz
bootstrap-2f380a968353e1adc4a331e0c5892a07e1241ae7.zip
Merge branch 'master' into modular-the-mixins
* master: Replace some images on the Carousel example with some base64 encoded 1x1 gifs ugh grunt moar grunt mo copy http://www.youtube.com/watch?v=AJWtLf4-WWs grunt Copy change fix grammar in comment in forms.less Fixes #12759 Fixes #12738 replace .visible-{size} with .visible-{size}-{display} ; fixes #8869 Conflicts: dist/css/bootstrap-theme.css.map dist/css/bootstrap.css.map docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap.css.map less/mixins.less
Diffstat (limited to 'less')
-rw-r--r--less/forms.less14
-rw-r--r--less/mixins.less1
-rw-r--r--less/navbar.less12
-rw-r--r--less/responsive-utilities.less101
-rw-r--r--less/variables.less2
5 files changed, 126 insertions, 4 deletions
diff --git a/less/forms.less b/less/forms.less
index 47ed3426a..de17d1c82 100644
--- a/less/forms.less
+++ b/less/forms.less
@@ -368,6 +368,18 @@ input[type="checkbox"],
width: auto; // Prevent labels from stacking above inputs in `.form-group`
vertical-align: middle;
}
+
+ .input-group {
+ display: inline-table;
+ vertical-align: middle;
+
+ .input-group-addon,
+ .input-group-btn,
+ .form-control {
+ width: auto;
+ }
+ }
+
// Input groups need that 100% width though
.input-group > .form-control {
width: 100%;
@@ -415,7 +427,7 @@ input[type="checkbox"],
// Consistent vertical alignment of radios and checkboxes
//
- // Labels also get some reset styles, but that is scope to a media query below.
+ // Labels also get some reset styles, but that is scoped to a media query below.
.radio,
.checkbox,
.radio-inline,
diff --git a/less/mixins.less b/less/mixins.less
index f353ce586..52925a911 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -42,4 +42,3 @@
@import "mixins/nav-vertical-align.less";
@import "mixins/grid-framework.less";
@import "mixins/grid.less";
-
diff --git a/less/navbar.less b/less/navbar.less
index 34897e225..6ddf26356 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -48,7 +48,6 @@
// content for the user's viewport.
.navbar-collapse {
- max-height: @navbar-collapse-max-height;
overflow-x: visible;
padding-right: @navbar-padding-horizontal;
padding-left: @navbar-padding-horizontal;
@@ -88,6 +87,17 @@
}
}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+ .navbar-collapse {
+ max-height: @navbar-collapse-max-height;
+
+ @media (max-width: @screen-phone) and (orientation: landscape) {
+ max-height: 200px;
+ }
+ }
+}
+
// Both navbar header and collapse
//
diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less
index 027a26410..93f2e8ea8 100644
--- a/less/responsive-utilities.less
+++ b/less/responsive-utilities.less
@@ -23,6 +23,7 @@
// Visibility utilities
+// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
.visible-xs,
.visible-sm,
.visible-md,
@@ -30,26 +31,104 @@
.responsive-invisibility();
}
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+ display: none !important;
+}
+
.visible-xs {
@media (max-width: @screen-xs-max) {
.responsive-visibility();
}
}
+.visible-xs-block {
+ @media (max-width: @screen-xs-max) {
+ display: block !important;
+ }
+}
+.visible-xs-inline {
+ @media (max-width: @screen-xs-max) {
+ display: inline !important;
+ }
+}
+.visible-xs-inline-block {
+ @media (max-width: @screen-xs-max) {
+ display: inline-block !important;
+ }
+}
+
.visible-sm {
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
.responsive-visibility();
}
}
+.visible-sm-block {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+ display: block !important;
+ }
+}
+.visible-sm-inline {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+ display: inline !important;
+ }
+}
+.visible-sm-inline-block {
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+ display: inline-block !important;
+ }
+}
+
.visible-md {
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
.responsive-visibility();
}
}
+.visible-md-block {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+ display: block !important;
+ }
+}
+.visible-md-inline {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+ display: inline !important;
+ }
+}
+.visible-md-inline-block {
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+ display: inline-block !important;
+ }
+}
+
.visible-lg {
@media (min-width: @screen-lg-min) {
.responsive-visibility();
}
}
+.visible-lg-block {
+ @media (min-width: @screen-lg-min) {
+ display: block !important;
+ }
+}
+.visible-lg-inline {
+ @media (min-width: @screen-lg-min) {
+ display: inline !important;
+ }
+}
+.visible-lg-inline-block {
+ @media (min-width: @screen-lg-min) {
+ display: inline-block !important;
+ }
+}
.hidden-xs {
@media (max-width: @screen-xs-max) {
@@ -77,6 +156,7 @@
//
// Media queries are placed on the inside to be mixin-friendly.
+// Note: Deprecated .visible-print as of v3.2.0
.visible-print {
.responsive-invisibility();
@@ -84,6 +164,27 @@
.responsive-visibility();
}
}
+.visible-print-block {
+ display: none !important;
+
+ @media print {
+ display: block !important;
+ }
+}
+.visible-print-inline {
+ display: none !important;
+
+ @media print {
+ display: inline !important;
+ }
+}
+.visible-print-inline-block {
+ display: none !important;
+
+ @media print {
+ display: inline-block !important;
+ }
+}
.hidden-print {
@media print {
diff --git a/less/variables.less b/less/variables.less
index 23577e5f9..82616ac56 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -261,7 +261,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, and @screen-xs-min as of v3.2.0
+// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs: 480px;
@screen-xs-min: @screen-xs;
@screen-phone: @screen-xs-min;