mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
[chore] Examples: styled-jsx-plugin-sass@0.2.0, show dynamic (#3137)
* [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:
parent
a2a83236f0
commit
89691cbe0c
|
@ -11,7 +11,7 @@
|
|||
"node-sass": "4.5.3",
|
||||
"react": "16.0.0",
|
||||
"react-dom": "16.0.0",
|
||||
"styled-jsx-plugin-sass": "0.1.0"
|
||||
"styled-jsx-plugin-sass": "0.2.0"
|
||||
},
|
||||
"license": "ISC"
|
||||
}
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
const backgroundColor = '#eee'
|
||||
|
||||
export default () => (
|
||||
<div className='hello'>
|
||||
<p>Hello World</p>
|
||||
|
@ -5,7 +7,7 @@ export default () => (
|
|||
$color: red;
|
||||
|
||||
.hello {
|
||||
background: #eee;
|
||||
background-color: ${backgroundColor};
|
||||
padding: 100px;
|
||||
text-align: center;
|
||||
transition: 100ms ease-in background;
|
||||
|
|
Loading…
Reference in a new issue