diff options
| author | mrmrs <[email protected]> | 2014-03-09 23:28:08 -0700 |
|---|---|---|
| committer | mrmrs <[email protected]> | 2014-03-09 23:28:08 -0700 |
| commit | 2f380a968353e1adc4a331e0c5892a07e1241ae7 (patch) | |
| tree | 7a723d64d73817f53e05bab7f4109edb2161d60f /less | |
| parent | 348b7de7f7c6c1fb72b0e47124d814c639475f5d (diff) | |
| parent | e727973d8c8cec151f13bd65d24a664918efd28a (diff) | |
| download | bootstrap-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.less | 14 | ||||
| -rw-r--r-- | less/mixins.less | 1 | ||||
| -rw-r--r-- | less/navbar.less | 12 | ||||
| -rw-r--r-- | less/responsive-utilities.less | 101 | ||||
| -rw-r--r-- | less/variables.less | 2 |
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; |
