diff --git a/README.md b/README.md index f58fb425..6287e2da 100644 --- a/README.md +++ b/README.md @@ -58,6 +58,26 @@ Declare plugins to be used by postcss (as part of webpack's config object): }, ``` +Configure webpack 2.x or 3.x loader for .css files to use postcss: +```js + { + test: /\.css$/, + use: [ + "style-loader", + { + loader: "css-loader", + options: { + modules: true, // default is false + sourceMap: true, + importLoaders: 1, + localIdentName: "[name]--[local]--[hash:base64:8]" + } + }, + "postcss-loader" + ] + } +``` + ## Basic usage In this minimal example, we import a `Button` with styles already bundled: diff --git a/components/drawer/config.css b/components/drawer/config.css index afbdcfbf..dd12d7a3 100644 --- a/components/drawer/config.css +++ b/components/drawer/config.css @@ -3,6 +3,6 @@ --drawer-border-color: var(--palette-grey-300); --drawer-text-color: var(--palette-grey-800); --drawer-width: calc(24 * var(--unit)); - --drawer-desktop-width: calc(4 * var(--standard-increment-desktop)); + --drawer-desktop-width: calc(5 * var(--standard-increment-desktop)); --drawer-mobile-width: calc(5 * var(--standard-increment-mobile)); }