diff --git a/Gruntfile.js b/Gruntfile.js index b2f702e4e5..b49cdce50c 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -212,6 +212,7 @@ module.exports = function (grunt) { map: true, processors: [ mq4HoverShim.postprocessorFor({ hoverSelectorPrefix: '.bs-true-hover ' }), + require('postcss-flexbugs-fixes')(), autoprefixer ] }, diff --git a/docs/getting-started/download.md b/docs/getting-started/download.md index 1fa524eb55..7ee6feceec 100644 --- a/docs/getting-started/download.md +++ b/docs/getting-started/download.md @@ -21,7 +21,7 @@ Download just the compiled and minified CSS and JavaScript. Doesn't include any
{% markdown %} ### Source files -Download everything: source Sass, JavaScript, and documentation files. **Requires a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), and [some setup]({{ site.baseurl }}/getting-started/build-tools/#tooling-setup).** +Download everything: source Sass, JavaScript, and documentation files. **Requires a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), [postcss-flexbugs-fixes](https://github.com/luisrudge/postcss-flexbugs-fixes), and [some setup]({{ site.baseurl }}/getting-started/build-tools/#tooling-setup).** Download source {% endmarkdown %} @@ -30,7 +30,7 @@ Download everything: source Sass, JavaScript, and documentation files. **Require ## Package managers -Pull in Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will **require a Sass compiler and [Autoprefixer](https://github.com/postcss/autoprefixer)** for a setup that matches our official compiled versions. +Pull in Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will **require a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), and [postcss-flexbugs-fixes](https://github.com/luisrudge/postcss-flexbugs-fixes)** for a setup that matches our official compiled versions. {% callout warning %} **Heads up!** Not all package managers have the v4 alpha published yet, but we should have them up shortly! diff --git a/docs/getting-started/flexbox.md b/docs/getting-started/flexbox.md index f8ab4e8aed..9c0f1a8762 100644 --- a/docs/getting-started/flexbox.md +++ b/docs/getting-started/flexbox.md @@ -19,7 +19,7 @@ Flexbox support is available for a number of Bootstrap's components: - Input groups, which move from `display: table;` to `display: flex;`. - The media component moves from `display: table;` and a number of hacky styles to a simple `display: flex;`. -Vendor prefixes are provided in our compiled CSS with Autoprefixer via Grunt. +Vendor prefixes are provided in our compiled CSS with [Autoprefixer](https://github.com/postcss/autoprefixer) via Grunt. Some bugs in IE10-11's Flexbox implementation are worked around via [postcss-flexbugs-fixes](https://github.com/luisrudge/postcss-flexbugs-fixes). ## Why flexbox? diff --git a/grunt/npm-shrinkwrap.json b/grunt/npm-shrinkwrap.json index e3b0b11525..500421949b 100644 --- a/grunt/npm-shrinkwrap.json +++ b/grunt/npm-shrinkwrap.json @@ -2641,6 +2641,11 @@ "from": "postcss@>=5.0.19 <6.0.0", "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.0.21.tgz" }, + "postcss-flexbugs-fixes": { + "version": "2.0.0", + "from": "postcss-flexbugs-fixes@>=2.0.0 <3.0.0", + "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-2.0.0.tgz" + }, "postcss-value-parser": { "version": "3.3.0", "from": "postcss-value-parser@>=3.2.3 <4.0.0", diff --git a/package.json b/package.json index 5afbef6293..f8e4141489 100644 --- a/package.json +++ b/package.json @@ -64,6 +64,7 @@ "is-travis": "^1.0.0", "load-grunt-tasks": "^3.4.0", "mq4-hover-shim": "^0.3.0", + "postcss-flexbugs-fixes": "^2.0.0", "shelljs": "^0.6.0", "time-grunt": "^1.2.1" },