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

[chore] Examples: styled-jsx-plugin-sass@0.2.0, show dynamic (#3137)

Browse source 
* [chore] styled-jsx-plugin-sass@0.2.0, show dynamic

styled-jsx-plugin-sass had an update that now allows for sass and
 dynamic to live together.

This updates that package and updates the example slightly to show how.

* [fix] errant space in styled-jsx-scss example
This commit is contained in:
Jerome Fitzgerald 2017-10-20 13:29:02 -04:00 committed by Tim Neutkens
parent a2a83236f0
commit 89691cbe0c
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
examples/with-styled-jsx-scss/package.json
View file

@ -11,7 +11,7 @@
"node-sass": "4.5.3", "node-sass": "4.5.3",
"react": "16.0.0", "react": "16.0.0",
"react-dom": "16.0.0", "react-dom": "16.0.0",
"styled-jsx-plugin-sass": "0.1.0" "styled-jsx-plugin-sass": "0.2.0"
}, },
"license": "ISC" "license": "ISC"
} }

4
examples/with-styled-jsx-scss/pages/index.js
View file

@ -1,3 +1,5 @@
const backgroundColor = '#eee'
export default () => ( export default () => (
<div className='hello'> <div className='hello'>
<p>Hello World</p> <p>Hello World</p>
@ -5,7 +7,7 @@ export default () => (
$color: red; $color: red;
.hello { .hello {
background: #eee; background-color: ${backgroundColor};
padding: 100px; padding: 100px;
text-align: center; text-align: center;
transition: 100ms ease-in background; transition: 100ms ease-in background;