forked from kneath/kss
/
kss.coffee
39 lines (35 loc) · 1.19 KB
/
kss.coffee
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
# This class scans your stylesheets for pseudo classes, then inserts a new CSS
# rule with the same properties, but named 'psuedo-class-{{name}}'.
#
# Supported pseudo classes: hover, disabled.
#
# Example:
#
# a:hover{ color:blue; }
# => a.pseudo-class-hover{ color:blue; }
class KssStateGenerator
constructor: ->
hover = /:hover/
disabled = /:disabled/
active = /:active/
try
for stylesheet in document.styleSheets
idxs = []
for rule, idx in stylesheet.cssRules
if rule.type is CSSRule.STYLE_RULE and (hover.test(rule.selectorText) or disabled.test(rule.selectorText) or active.test(rule.selectorText))
@insertRule(rule.cssText.replace(':', '.pseudo-class-'))
# Takes a given style and attaches it to the current page.
#
# rule - A CSS rule String (ex: ".test{ display:none; }").
#
# Returns nothing.
insertRule: (rule) ->
headEl = document.getElementsByTagName('head')[0]
styleEl = document.createElement('style')
styleEl.type = 'text/css'
if styleEl.styleSheet
styleEl.styleSheet.cssText = rule
else
styleEl.appendChild(document.createTextNode(rule))
headEl.appendChild(styleEl)
new KssStateGenerator