fixed loading optimized styles on IE

SE7ENSKY · May 16, 2013 · 9ae1835 · 9ae1835
1 parent 1a9383e
commit 9ae1835
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -9,6 +9,11 @@ Features
 * insert compiled CSS into <head>
 * optimize support (resulting CSS will be compiled into resulting javascript)
 
+Browser support
+---------------
+Development works on all major browsers.
+IE7+ works after optimize.
+
 Installation
 ------------
 ```bower install require-stylus```

diff --git a/component.json b/component.json
@@ -1,5 +1,5 @@
 {
 	"name": "require-stylus",
-	"version": "1.0.2",
+	"version": "1.0.7",
 	"main": "require-stylus.js"
 }
diff --git a/require-stylus.coffee b/require-stylus.coffee
@@ -47,9 +47,28 @@ define ['stylus'], ->
 				throw err if err
 				cssInsertString = """
 					define(function(){
-						var styleTag = document.createElement('style');
-						styleTag.innerHTML = #{JSON.stringify css};
-						document.head.appendChild(styleTag);
+						var css = #{JSON.stringify css},
+						    head = document.getElementsByTagName('head')[0],
+						    style = document.createElement('style');
+
+						var imports = css.match(new RegExp('@import\\\\s+url\\\\(.*\\\\);?', 'g'));
+						imports.forEach(function(i){
+							css = css.replace(i, '');
+							var url = i.match(new RegExp('url\\\\((.*)\\\\)'))[1];
+							var linkElement = document.createElement('link');
+							linkElement.rel = 'stylesheet';
+							linkElement.type = 'text/css';
+							linkElement.href = JSON.parse(url);
+							head.appendChild(linkElement);
+						});
+						style.type = 'text/css';
+						if (style.styleSheet){
+							style.styleSheet.cssText = css;
+						} else {
+							style.appendChild(document.createTextNode(css));
+						}
+
+						head.appendChild(style);
 					});
 				"""
 				if config.isBuild

diff --git a/require-stylus.js b/require-stylus.js