diff options
| author | Yuval Adam <yuval@y3xz.com> | 2015-12-09 01:50:01 +0200 |
|---|---|---|
| committer | Yuval Adam <yuval@y3xz.com> | 2015-12-09 01:50:01 +0200 |
| commit | c941dd56db8a1e192e28ee4a99bea1e359cd9755 (patch) | |
| tree | 73c5c44fa8ce5bfe0e86405fd56a561c22760659 | |
| parent | 81e4681012fdec9e4a116c2ffab40ae600bc4e79 (diff) | |
Use SASS for styling
| -rw-r--r-- | index.js | 2 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | style.css | 11 | ||||
| -rw-r--r-- | style.scss | 9 | ||||
| -rw-r--r-- | webpack.config.js | 2 |
5 files changed, 13 insertions, 13 deletions
@@ -1,4 +1,4 @@ -import './style.css' +import './style.scss' import React from 'react' import ReactDOM from 'react-dom' diff --git a/package.json b/package.json index d0dd9ed..b9e7703 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,8 @@ "author": "", "license": "ISC", "devDependencies": { + "node-sass": "^3.4.2", + "sass-loader": "^3.1.2", "webpack": "^1.12.9", "webpack-dev-server": "^1.14.0" }, diff --git a/style.css b/style.css deleted file mode 100644 index 630282b..0000000 --- a/style.css +++ /dev/null @@ -1,11 +0,0 @@ -body { - background: #eee; -} - -ol { - display: inline; -} - -ol li { - display: inline; -} diff --git a/style.scss b/style.scss new file mode 100644 index 0000000..f76ab10 --- /dev/null +++ b/style.scss @@ -0,0 +1,9 @@ +body { + background: #eee; + ol { + display: inline; + li { + display: inline; + } + } +} diff --git a/webpack.config.js b/webpack.config.js index 945d633..bfdb909 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -7,7 +7,7 @@ module.exports = { module: { loaders: [ { test: /\.js$/, loader: 'babel' }, - { test: /\.css$/, loader: 'style!css' } + { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } ] } };
\ No newline at end of file |