terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

add postcss after sass compilation to with-external-scoped-css example (#1640)

Browse source 
* add postcss after sass compilation

* Fix indent

* Fixed mixed tab indent with spaces
This commit is contained in:
Victor Nahuel Chaves 2017-05-27 09:18:50 -03:00 committed by Tim Neutkens
parent 0d0ab77db7
commit 5187fcdb80
4 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
examples/with-external-scoped-css/.babelrc
View file

@ -4,6 +4,7 @@
[ [
"css-modules-transform", { "css-modules-transform", {
"extensions": [".css", ".sass"], "extensions": [".css", ".sass"],
"append": [ "postcss-cssnext" ],
"extractCss": "./static/css/bundle.css", "extractCss": "./static/css/bundle.css",
"preprocessCss": "./pre-processor.js" "preprocessCss": "./pre-processor.js"
} }

3
examples/with-external-scoped-css/global.sass Normal file
View file

@ -0,0 +1,3 @@
@mixin opacity($opacity)
opacity: $opacity
filter: alpha(opacity=($opacity * 100))

4
examples/with-external-scoped-css/package.json
View file

@ -16,6 +16,8 @@
}, },
"devDependencies": { "devDependencies": {
"babel-plugin-css-modules-transform": "^1.2.1", "babel-plugin-css-modules-transform": "^1.2.1",
"node-sass": "^4.5.0" "node-sass": "^4.5.0",
"postcss": "^5.2.16",
"postcss-cssnext": "^2.10.0"
} }
} }

5
examples/with-external-scoped-css/pages/index.sass
View file

@ -1,4 +1,7 @@
@import "../global"
.example .example
@include opacity(0.5)
font-size: 36px font-size: 36px
width: 300px width: 300px
margin: 100px auto display: flex