feat(hiccup-css): add injectStyleSheet()

packages/hiccup-css/src/index.ts

@@ -4,6 +4,7 @@ export * from "./comment";
 export * from "./conditional";
 export * from "./css";
 export * from "./import";
+export * from "./inject";
 export * from "./keyframes";
 export * from "./media";
 export * from "./namespace";

packages/hiccup-css/src/inject.ts

@@ -0,0 +1,27 @@
+// https://davidwalsh.name/add-rules-stylesheets
+
+/**
+ * Injects given CSS string as global stylesheet in DOM head. If `first`
+ * is true, inserts it as first stylesheet, else (default) appends it.
+ *
+ * Returns created style DOM element.
+ *
+ * @param css
+ * @param first
+ */
+export const injectStyleSheet = (css: string, first = false) => {
+    const head = document.getElementsByTagName("head")[0];
+    const sheet = document.createElement("style");
+    sheet.setAttribute("type", "text/css");
+    if ((<any>sheet).styleSheet !== undefined) {
+        (<any>sheet).styleSheet.cssText = css;
+    } else {
+        sheet.textContent = css;
+    }
+    if (first) {
+        head.insertBefore(sheet, head.firstChild);
+    } else {
+        head.appendChild(sheet);
+    }
+    return sheet;
+};