Skip to content

Commit

Permalink
[chore] Examples: [email protected], show dynamic (vercel#…
Browse files Browse the repository at this point in the history
…3137)

* [chore] [email protected], 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
  • Loading branch information
JeromeFitz authored and timneutkens committed Oct 20, 2017
1 parent a2a8323 commit 89691cb
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 2 deletions.
2 changes: 1 addition & 1 deletion examples/with-styled-jsx-scss/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -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"
}
4 changes: 3 additions & 1 deletion examples/with-styled-jsx-scss/pages/index.js
Original file line number Diff line number Diff line change
@@ -1,11 1,13 @@
const backgroundColor = '#eee'

export default () => (
<div className='hello'>
<p>Hello World</p>
<style jsx>{`
$color: red;
.hello {
background: #eee;
background-color: ${backgroundColor};
padding: 100px;
text-align: center;
transition: 100ms ease-in background;
Expand Down

0 comments on commit 89691cb

Please sign in to comment.