0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00

Merge branch 'v4-dev' into v4-form-sizing

This commit is contained in:
Mark Otto 2016-02-07 22:48:26 -08:00
commit e455b6b8d2
18 changed files with 151 additions and 212 deletions

View File

@ -2130,7 +2130,7 @@ pre code {
cursor: not-allowed;
}
select.form-control:not([size], [multiple]) {
select.form-control:not([size]):not([multiple]) {
height: 2.25rem;
}
@ -3145,11 +3145,6 @@ input[type="button"].btn-block {
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -280,16 +280,6 @@
origin: >
Bootstrap#14603
-
browser: >
Safari (iOS)
summary: >
Text input's cursor doesn't move while scrolling the page.
upstream_bug: >
WebKit#138201, Safari#18819624
origin: >
Bootstrap#14708
-
browser: >
Safari (iOS)

View File

@ -639,7 +639,7 @@ Bootstrap includes validation styles for danger, warning, and success states on
- To use, add `.has-warning`, `.has-danger`, or `.has-success` to the parent element. Any `.form-control-label`, `.form-control`, and `.text-help` within that element will receive the validation styles.
- Validation icons are `url()`s configured via Sass variables that are applied to `background-image` declarations for each state.
- You may use your own base64 PNGs or SVGs by updating the Sass variables and recompiling.
- Icons can also be disabled entirely by changing the variables to `non` or commenting out the source Sass.
- Icons can also be disabled entirely by setting the variables to `none` or commenting out the source Sass.
{% comment %}
{% callout warning %}

View File

@ -181,7 +181,7 @@ Embedding YouTube videos in modals requires additional JavaScript not in Bootstr
## Optional sizes
Modals have two optional sizes, available via modifier classes to be placed on a `.modal-dialog`. These size kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.
Modals have two optional sizes, available via modifier classes to be placed on a `.modal-dialog`. These sizes kick in at certain breakpoints to avoid horizontal scrollbars on narrower viewports.
<div class="bd-example">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-lg">Large modal</button>

View File

@ -60,7 +60,8 @@ Here are some representative examples of these classes:
}
{% endhighlight %}
Additionally, Bootstrap also includes an `.m-x-auto` class for centering fixed-width block level content by setting the horizontal margins to `auto`.
### Horizontal centering
Additionally, Bootstrap also includes an `.m-x-auto` class for horizontally centering fixed-width block level content by setting the horizontal margins to `auto`.
<div class="bd-example">
<div class="m-x-auto" style="width: 200px; background-color: rgba(86,61,124,.15);">
@ -69,7 +70,7 @@ Additionally, Bootstrap also includes an `.m-x-auto` class for centering fixed-w
</div>
{% highlight html %}
<div class="m-x-auto" style="width: 200px;"">
<div class="m-x-auto" style="width: 200px;">
Centered element
</div>
{% endhighlight %}

View File

@ -138,7 +138,7 @@ While not shown above, feel free to use `<b>` and `<i>` in HTML5. `<b>` is meant
## Text utilities
Change text alignment, transform, style, weight, and color with our [text utilities](http://localhost:9001/components/utilities/#text-alignment).
Change text alignment, transform, style, weight, and color with our [text utilities]({{ site.baseurl }}/components/utilities/#text-alignment).
## Abbreviations

View File

@ -2130,7 +2130,7 @@ pre code {
cursor: not-allowed;
}
select.form-control:not([size], [multiple]) {
select.form-control:not([size]):not([multiple]) {
height: 2.25rem;
}
@ -3145,11 +3145,6 @@ input[type="button"].btn-block {
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -315,8 +315,8 @@
"resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz"
},
"caniuse-db": {
"version": "1.0.30000407",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000407.tgz"
"version": "1.0.30000408",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000408.tgz"
},
"cardinal": {
"version": "0.5.0",
@ -510,26 +510,6 @@
"version": "0.0.3",
"resolved": "https://registry.npmjs.org/css-mq-parser/-/css-mq-parser-0.0.3.tgz"
},
"csscomb": {
"version": "3.1.8",
"resolved": "https://registry.npmjs.org/csscomb/-/csscomb-3.1.8.tgz",
"dependencies": {
"commander": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.0.0.tgz"
}
}
},
"csscomb-core": {
"version": "3.0.0-3.1",
"resolved": "https://registry.npmjs.org/csscomb-core/-/csscomb-core-3.0.0-3.1.tgz",
"dependencies": {
"minimatch": {
"version": "0.2.12",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.2.12.tgz"
}
}
},
"ctype": {
"version": "0.5.3",
"resolved": "https://registry.npmjs.org/ctype/-/ctype-0.5.3.tgz"
@ -735,8 +715,8 @@
"resolved": "https://registry.npmjs.org/eslint/-/eslint-1.10.3.tgz",
"dependencies": {
"argparse": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.5.tgz"
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.6.tgz"
},
"espree": {
"version": "2.2.5",
@ -994,10 +974,6 @@
}
}
},
"gonzales-pe": {
"version": "3.0.0-28",
"resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-3.0.0-28.tgz"
},
"graceful-fs": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.3.tgz"
@ -1188,10 +1164,6 @@
}
}
},
"grunt-csscomb": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/grunt-csscomb/-/grunt-csscomb-3.1.0.tgz"
},
"grunt-eslint": {
"version": "17.3.1",
"resolved": "https://registry.npmjs.org/grunt-eslint/-/grunt-eslint-17.3.1.tgz"
@ -1549,8 +1521,8 @@
"resolved": "https://registry.npmjs.org/jscs/-/jscs-2.9.0.tgz",
"dependencies": {
"argparse": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.5.tgz"
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.6.tgz"
},
"esprima": {
"version": "2.7.2",
@ -1567,28 +1539,6 @@
"minimatch": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.0.tgz"
},
"vow": {
"version": "0.4.12",
"resolved": "https://registry.npmjs.org/vow/-/vow-0.4.12.tgz"
},
"vow-fs": {
"version": "0.3.4",
"resolved": "https://registry.npmjs.org/vow-fs/-/vow-fs-0.3.4.tgz",
"dependencies": {
"glob": {
"version": "4.5.3",
"resolved": "https://registry.npmjs.org/glob/-/glob-4.5.3.tgz"
},
"minimatch": {
"version": "2.0.10",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-2.0.10.tgz"
}
}
},
"vow-queue": {
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/vow-queue/-/vow-queue-0.4.2.tgz"
}
}
},
@ -1873,8 +1823,8 @@
"resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-5.1.0.tgz",
"dependencies": {
"argparse": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.5.tgz"
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.6.tgz"
},
"entities": {
"version": "1.1.1",
@ -4233,30 +4183,22 @@
"resolved": "https://registry.npmjs.org/verror/-/verror-1.3.6.tgz"
},
"vow": {
"version": "0.4.4",
"resolved": "https://registry.npmjs.org/vow/-/vow-0.4.4.tgz"
"version": "0.4.12",
"resolved": "https://registry.npmjs.org/vow/-/vow-0.4.12.tgz"
},
"vow-fs": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/vow-fs/-/vow-fs-0.3.2.tgz",
"version": "0.3.4",
"resolved": "https://registry.npmjs.org/vow-fs/-/vow-fs-0.3.4.tgz",
"dependencies": {
"glob": {
"version": "3.2.8",
"resolved": "https://registry.npmjs.org/glob/-/glob-3.2.8.tgz"
},
"minimatch": {
"version": "0.2.14",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.2.14.tgz"
},
"node-uuid": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/node-uuid/-/node-uuid-1.4.0.tgz"
"version": "4.5.3",
"resolved": "https://registry.npmjs.org/glob/-/glob-4.5.3.tgz"
}
}
},
"vow-queue": {
"version": "0.3.1",
"resolved": "https://registry.npmjs.org/vow-queue/-/vow-queue-0.3.1.tgz"
"version": "0.4.2",
"resolved": "https://registry.npmjs.org/vow-queue/-/vow-queue-0.4.2.tgz"
},
"which": {
"version": "1.0.9",

View File

@ -56,7 +56,7 @@
}
select.form-control {
&:not([size], [multiple]) {
&:not([size]):not([multiple]) {
height: $input-height;
}
}
@ -289,17 +289,17 @@ input[type="checkbox"] {
// .form-control-success {
// background-image: url("#{$form-icon-success}");
// background-image: $form-icon-success;
// border-color: $brand-success;
// }
//
// .form-control-warning {
// background-image: url("#{$form-icon-warning}");
// background-image: $form-icon-warning;
// border-color: $brand-warning;
// }
//
// .form-control-error {
// background-image: url("#{$form-icon-danger}");
// background-image: $form-icon-danger;
// border-color: $brand-danger;
// }

View File

@ -8,107 +8,109 @@
// http://www.phpied.com/delay-loading-your-print-css/
// ==========================================================================
@media print {
*,
*::before,
*::after,
*::first-letter,
*::first-line {
// Bootstrap specific; comment out `color` and `background`
//color: #000 !important; // Black prints faster:
// http://www.sanbeiji.com/archives/953
text-shadow: none !important;
//background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
// Bootstrap specific; comment the following selector out
//a[href]::after {
// content: " (" attr(href) ")";
//}
abbr[title]::after {
content: " (" attr(title) ")";
}
// Bootstrap specific; comment the following selector out
//
// Don't show links that are fragment identifiers,
// or use the `javascript:` pseudo protocol
//
//a[href^="#"]::after,
//a[href^="javascript:"]::after {
// content: "";
//}
pre,
blockquote {
border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
page-break-inside: avoid;
}
//
// Printing Tables:
// http://css-discuss.incutio.com/wiki/Printing_Tables
//
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
// Bootstrap specific changes start
// Bootstrap components
.navbar {
display: none;
}
.btn,
.dropup > .btn {
> .caret {
border-top-color: #000 !important;
@if $enable-print-styles {
@media print {
*,
*::before,
*::after,
*::first-letter,
*::first-line {
// Bootstrap specific; comment out `color` and `background`
//color: #000 !important; // Black prints faster:
// http://www.sanbeiji.com/archives/953
text-shadow: none !important;
//background: transparent !important;
box-shadow: none !important;
}
}
.label {
border: $border-width solid #000;
}
.table {
border-collapse: collapse !important;
td,
th {
background-color: #fff !important;
a,
a:visited {
text-decoration: underline;
}
}
.table-bordered {
th,
td {
border: 1px solid #ddd !important;
}
}
// Bootstrap specific changes end
// Bootstrap specific; comment the following selector out
//a[href]::after {
// content: " (" attr(href) ")";
//}
abbr[title]::after {
content: " (" attr(title) ")";
}
// Bootstrap specific; comment the following selector out
//
// Don't show links that are fragment identifiers,
// or use the `javascript:` pseudo protocol
//
//a[href^="#"]::after,
//a[href^="javascript:"]::after {
// content: "";
//}
pre,
blockquote {
border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
page-break-inside: avoid;
}
//
// Printing Tables:
// http://css-discuss.incutio.com/wiki/Printing_Tables
//
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
// Bootstrap specific changes start
// Bootstrap components
.navbar {
display: none;
}
.btn,
.dropup > .btn {
> .caret {
border-top-color: #000 !important;
}
}
.label {
border: $border-width solid #000;
}
.table {
border-collapse: collapse !important;
td,
th {
background-color: #fff !important;
}
}
.table-bordered {
th,
td {
border: 1px solid #ddd !important;
}
}
// Bootstrap specific changes end
}
}

View File

@ -34,8 +34,7 @@ html {
//
// @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in
// some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.
// Eventually @viewport will replace <meta name="viewport">. It's been manually
// prefixed for forward-compatibility.
// Eventually @viewport will replace <meta name="viewport">.
//
// However, `device-width` is broken on IE 10 on Windows (Phone) 8,
// (see http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497)

View File

@ -17,6 +17,18 @@
// Fonts
// Components
@mixin _assert-ascending($map, $map-name) {
$prev-key: null;
$prev-num: null;
@each $key, $num in $map {
@if $prev-num != null and $prev-num >= $num {
@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
}
$prev-key: $key;
$prev-num: $num;
}
}
// General variable structure
//
// Variable format should follow the `$component-modifier-state-property` order.
@ -50,6 +62,7 @@ $enable-gradients: false !default;
$enable-transitions: false !default;
$enable-hover-media-query: false !default;
$enable-grid-classes: true !default;
$enable-print-styles: true !default;
// Spacing
@ -111,6 +124,7 @@ $grid-breakpoints: (
lg: 992px,
xl: 1200px
) !default;
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
// Grid containers
@ -123,6 +137,7 @@ $container-max-widths: (
lg: 940px,
xl: 1140px
) !default;
@include _assert-ascending($container-max-widths, "$container-max-widths");
// Grid columns