diff --git a/src/optimize/base_optimizer.js b/src/optimize/base_optimizer.js index c63c2cf836a8d..8c0ac81b1361e 100644 --- a/src/optimize/base_optimizer.js +++ b/src/optimize/base_optimizer.js @@ -110,7 +110,10 @@ class BaseOptimizer { }, { test: /\.scss$/, - loaders: ['style', 'css', 'sass'], + loader: ExtractTextPlugin.extract( + 'style', + `css${mapQ}!autoprefixer${mapQPre}{ "browsers": ["last 2 versions","> 5%"] }!sass${mapQPre}` + ) }, { test: /\.css$/, loader: ExtractTextPlugin.extract('style', `css${mapQ}`) }, { test: /\.jade$/, loader: 'jade' }, diff --git a/src/ui_framework/README.md b/src/ui_framework/README.md index bbfd577dc138f..7e14e71c45ce3 100644 --- a/src/ui_framework/README.md +++ b/src/ui_framework/README.md @@ -35,7 +35,7 @@ By covering our UI components with great unit tests and having those tests live In short: we've outgrown it! Third-party CSS frameworks like Bootstrap and Foundation are designed for a general audience, so they offer things we don't need and _don't_ offer things we _do_ need. -As a result, we've forced to override their styles until the original framework is no longer +As a result, we've been forced to override their styles until the original framework is no longer recognizable. When the CSS reaches that point, it's time to take ownership over it and build your own framework. diff --git a/src/ui_framework/doc_site/src/services/example/createExample.js b/src/ui_framework/doc_site/src/services/example/createExample.js index 3a0a47fc9f9c0..185b0ec908162 100644 --- a/src/ui_framework/doc_site/src/services/example/createExample.js +++ b/src/ui_framework/doc_site/src/services/example/createExample.js @@ -3,7 +3,7 @@ import { GuideExample, } from '../../components'; -export default function creatExample(examples) { +export default function createExample(examples) { class Example extends GuideExample { constructor(props) { super(props, examples);