Merge pull request #71 from kneath/pseudo-selectors

Add pseudo selectors to kss.js/coffee
kneath · Jun 19, 2013 · 96d2ef0 · 96d2ef0
2 parents d3abc7e + 5c0e5b0
commit 96d2ef0
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 5 deletions.
diff --git a/example/public/javascripts/kss.js b/example/public/javascripts/kss.js
diff --git a/example/views/layout.erb b/example/views/layout.erb
@@ -1,10 +1,11 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
   <title>Styleguide Example</title>
-  <link rel="stylesheet" href="/stylesheets/layout.css" type="text/css" />
-  <link rel="stylesheet" href="/stylesheets/buttons.css" type="text/css" />
+  <meta charset="utf-8">
+  <link rel="stylesheet" href="/stylesheets/layout.css">
+  <link rel="stylesheet" href="/stylesheets/buttons.css">
+  <link rel="stylesheet" href="/stylesheets/table.css">
 </head>
 <body>
 

diff --git a/lib/kss.coffee b/lib/kss.coffee
@@ -8,8 +8,23 @@
 #   a:hover{ color:blue; }
 #   => a.pseudo-class-hover{ color:blue; }
 class KssStateGenerator
+  psuedo_selectors = [
+    'hover',
+    'enabled',
+    'disabled',
+    'active',
+    'visited',
+    'focus',
+    'target',
+    'checked',
+    'empty',
+    'first-of-type',
+    'last-of-type',
+    'first-child',
+    'last-child']
+
   constructor: ->
-    pseudos = /(\:hover|\:disabled|\:active|\:visited|\:focus|\:target)/g
+    pseudos = new RegExp "(\\:#{psuedo_selectors.join('|\\:')})", "g"
 
     try
       for stylesheet in document.styleSheets