Fixes RickWong#6: not namespacing the first embedded rule.

Author: Rick

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-inline-css",
   "description": "Inline CSS in your React components, namespaced automatically.",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -12,7 +12,8 @@
     "react",
     "inline",
     "css",
-    "react-component"
+    "react-component",
+    "style"
   ],
   "main": "src/react-inline-css",
   "scripts": {
@@ -25,12 +26,12 @@
     "react": ">= 0.12.0"
   },
   "devDependencies": {
-    "babel-core": "5.8.8",
+    "babel-core": "5.8.22",
     "babel-loader": "5.3.2",
     "concurrently": "0.1.1",
     "json-loader": "0.5.2",
     "react-hot-loader": "1.2.8",
-    "webpack": "1.10.5",
+    "webpack": "1.11.0",
     "webpack-dev-server": "1.10.1"
   }
 }

src/react-inline-css.js

@@ -22,7 +22,7 @@ var InlineCss = React.createClass({
 			replace(/}\s*/ig, '\n}\n').
 			// Regular rules are namespaced.
 			replace(
-			/(^|}|;|,)\s*([&a-z0-9\-_\.:#\(\),>*\s]+)\s*(\{)/ig,
+			/(^|{|}|;|,)\s*([&a-z0-9\-_\.:#\(\),>*\s]+)\s*(\{)/ig,
 			function (matched) {
 				return matched.replace(componentName, "#" + namespace);
 			}