add styletags

1 files changed, 51 insertions, 0 deletions

diff --git a/src/elements/Style.js b/src/elements/Style.js
new file mode 100644
index 0000000..5c25893
--- /dev/null
+++ b/src/elements/Style.js
@@ -0,0 +1,51 @@
+import { nodeOrNew } from '../utils/adopter.js'
+import { registerMethods } from '../utils/methods.js'
+import { unCamelCase } from '../utils/utils.js'
+import Element from './Element.js'
+
+function cssRule (selector, rule) {
+  if (!selector) return ''
+  if (!rule) return selector
+
+  var ret = selector + '{'
+
+  for (var i in rule) {
+    ret += unCamelCase(i) + ':' + rule[i] + ';'
+  }
+
+  ret += '}'
+
+  return ret
+}
+
+export default class Style extends Element {
+  constructor (node) {
+    super(nodeOrNew('style', node), Style)
+  }
+
+  words (w) {
+    this.node.textContent += (w || '')
+    return this
+  }
+
+  font (name, src, params = {}) {
+    return this.rule('@font-face', {
+      fontFamily: name,
+      src: src,
+      ...params
+    })
+  }
+
+  rule (selector, obj) {
+    return this.words(cssRule(selector, obj))
+  }
+}
+
+registerMethods('Element', {
+  style (selector, obj) {
+    return this.put(new Style()).rule(selector, obj)
+  },
+  fontface (name, src, params) {
+    return this.put(new Style()).font(name, src, params)
+  }
+})