From 89691cbe0cad06a1f58806776e31e4e55d40f0fe Mon Sep 17 00:00:00 2001
From: Jerome Fitzgerald <jeromes@gmail.com>
Date: Fri, 20 Oct 2017 13:29:02 -0400
Subject: [PATCH] [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
---
 examples/with-styled-jsx-scss/package.json   | 2 +-
 examples/with-styled-jsx-scss/pages/index.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/examples/with-styled-jsx-scss/package.json b/examples/with-styled-jsx-scss/package.json
index af9bd749..9948576f 100644
--- a/examples/with-styled-jsx-scss/package.json
+++ b/examples/with-styled-jsx-scss/package.json
@@ -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"
 }
diff --git a/examples/with-styled-jsx-scss/pages/index.js b/examples/with-styled-jsx-scss/pages/index.js
index 7fa15562..f402ffb3 100644
--- a/examples/with-styled-jsx-scss/pages/index.js
+++ b/examples/with-styled-jsx-scss/pages/index.js
@@ -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;