From e10104cc35672db77747c8b1622136555501bdc7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 14 Nov 2015 19:21:25 -0800 Subject: [PATCH 1/4] Add note to build tools docs section about autoprefixer --- docs/getting-started/build-tools.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/docs/getting-started/build-tools.md b/docs/getting-started/build-tools.md index 9b84a125d0..af0d7168ee 100644 --- a/docs/getting-started/build-tools.md +++ b/docs/getting-started/build-tools.md @@ -47,6 +47,12 @@ For example, run `TWBS_SASS=sass grunt` to test and build Bootstrap with Ruby Sa [libsass]: https://github.com/sass/libsass [grunt-sass]: https://github.com/sindresorhus/grunt-sass +## Autoprefixer + +Bootstrap uses [Autoprefixer][autoprefixer] (included in our Gruntfile and build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time while eliminating the need for vendor mixins like those found in v3. + +[autoprefixer]: https://github.com/postcss/autoprefixer + ## Local documentation Running our documentation locally requires the use of Jekyll, a decently flexible static site generator that provides us basic includes, Markdown-based files, templates, and more. Here's how to get it started: From 9e01f45656e13dc31c9e29bf01682d3004039f7c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 14 Nov 2015 19:28:14 -0800 Subject: [PATCH 2/4] consolidate links at the bottom of the file --- docs/getting-started/build-tools.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/getting-started/build-tools.md b/docs/getting-started/build-tools.md index af0d7168ee..b54a568efc 100644 --- a/docs/getting-started/build-tools.md +++ b/docs/getting-started/build-tools.md @@ -42,16 +42,10 @@ Bootstrap will be compiled with [libsass][libsass] by default, but you can opt i For example, run `TWBS_SASS=sass grunt` to test and build Bootstrap with Ruby Sass. -[ruby-sass]: https://github.com/sass/sass -[grunt-contrib-sass]: https://github.com/gruntjs/grunt-contrib-sass -[libsass]: https://github.com/sass/libsass -[grunt-sass]: https://github.com/sindresorhus/grunt-sass - ## Autoprefixer Bootstrap uses [Autoprefixer][autoprefixer] (included in our Gruntfile and build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time while eliminating the need for vendor mixins like those found in v3. -[autoprefixer]: https://github.com/postcss/autoprefixer ## Local documentation @@ -66,3 +60,9 @@ Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com ## Troubleshooting Should you encounter problems with installing dependencies or running Grunt commands, uninstall all previous dependency versions (global and local). Then, rerun `npm install`. + +[ruby-sass]: https://github.com/sass/sass +[grunt-contrib-sass]: https://github.com/gruntjs/grunt-contrib-sass +[libsass]: https://github.com/sass/libsass +[grunt-sass]: https://github.com/sindresorhus/grunt-sass +[autoprefixer]: https://github.com/postcss/autoprefixer From bbdd39300310bf236a17bc196972c43a3374f97f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 14 Nov 2015 19:28:45 -0800 Subject: [PATCH 3/4] contextual shoutout --- docs/getting-started/build-tools.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started/build-tools.md b/docs/getting-started/build-tools.md index b54a568efc..b029b3dd56 100644 --- a/docs/getting-started/build-tools.md +++ b/docs/getting-started/build-tools.md @@ -28,7 +28,7 @@ Our Gruntfile includes the following commands and tasks: | Task | Description | | --- | --- | | `grunt` | Run `grunt` to run tests locally and compile the CSS and JavaScript into `/dist`. **Uses [Sass](http://sass-lang.com/) and [UglifyJS](http://lisperator.net/uglifyjs/).** | -| `grunt dist` | `grunt dist` creates the `/dist` directory with compiled files. **Uses [Sass](http://sass-lang.com/) and [UglifyJS](http://lisperator.net/uglifyjs/).** | +| `grunt dist` | `grunt dist` creates the `/dist` directory with compiled files. **Uses [Sass](http://sass-lang.com/), [Autoprefixer][autoprefixer] and [UglifyJS](http://lisperator.net/uglifyjs/).** | | `grunt test` | Runs [scss-lint](https://github.com/brigade/scss-lint), [ESLint](http://eslint.org/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/) (used for CI). | | `grunt docs` | Builds and tests CSS, JavaScript, and other assets which are used when running the documentation locally via `jekyll serve`. | | `grunt watch` | This is a convenience method for watching just Sass files and automatically building them whenever you save. | From 37c2681e9f24d9fcadedfe8fa5685972718956dc Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sat, 14 Nov 2015 19:31:41 -0800 Subject: [PATCH 4/4] One more Autoprefixer shoutout [skip sauce] --- docs/getting-started/build-tools.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/getting-started/build-tools.md b/docs/getting-started/build-tools.md index b029b3dd56..0dabd30f92 100644 --- a/docs/getting-started/build-tools.md +++ b/docs/getting-started/build-tools.md @@ -27,8 +27,8 @@ Our Gruntfile includes the following commands and tasks: | Task | Description | | --- | --- | -| `grunt` | Run `grunt` to run tests locally and compile the CSS and JavaScript into `/dist`. **Uses [Sass](http://sass-lang.com/) and [UglifyJS](http://lisperator.net/uglifyjs/).** | -| `grunt dist` | `grunt dist` creates the `/dist` directory with compiled files. **Uses [Sass](http://sass-lang.com/), [Autoprefixer][autoprefixer] and [UglifyJS](http://lisperator.net/uglifyjs/).** | +| `grunt` | Run `grunt` to run tests locally and compile the CSS and JavaScript into `/dist`. **Uses [Sass](http://sass-lang.com/), [Autoprefixer][autoprefixer], and [UglifyJS](http://lisperator.net/uglifyjs/).** | +| `grunt dist` | `grunt dist` creates the `/dist` directory with compiled files. **Uses [Sass](http://sass-lang.com/), [Autoprefixer][autoprefixer], and [UglifyJS](http://lisperator.net/uglifyjs/).** | | `grunt test` | Runs [scss-lint](https://github.com/brigade/scss-lint), [ESLint](http://eslint.org/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/) (used for CI). | | `grunt docs` | Builds and tests CSS, JavaScript, and other assets which are used when running the documentation locally via `jekyll serve`. | | `grunt watch` | This is a convenience method for watching just Sass files and automatically building them whenever you save. |