Fix switch in qss.js, add element queries demo page

README.md

@@ -69,8 +69,6 @@ div@min500width{}
 div @ >=500 width {}
 ```
 
-![](https://i.imgur.com/CO2I9Rw.gif)
-
 ## How it works
 
 The queries parsed by QSS would be split into the following pieces:
@@ -118,5 +116,6 @@ Then you're able to add queries written in QSS syntax to your site using one of
 ## Links
 
 - Website: [tomhodgins.github.io/qss/](http://tomhodgins.github.io/qss/)
+- Element Query Demo: [tests/](http://tomhodgins.github.io/qss/tests/element-queries.html)
 - Test: [tests/](http://tomhodgins.github.io/qss/tests/)
 - [QSS Playground](https://codepen.io/tomhodgins/pen/zPzpVR)

index.html

@@ -183,6 +183,7 @@ <h3>Links</h3>
 
 <ul>
   <li><strong>Website:</strong> <a href=https://github.com/tomhodgins/qss>github.com/tomhodgins/qss</a>
+  <li><strong>Element Query Demo:</strong> <a href=http://tomhodgins.github.io/qss/tests/element-queries.html>/tests/element-queries.html</a>
   <li><strong>Test:</strong> <a href=tests/index.html>tests/</a>
   <li><a href=https://codepen.io/tomhodgins/pen/zPzpVR>QSS Playground</a>
 </ul>

qss.js

@@ -1,7 +1,7 @@
 /*
 
 # QSS
-version 0.0.1
+version 0.0.2
 
 A Simple Query Syntax for CSS Element Queries
 
@@ -445,8 +445,8 @@ if (
           condition = 'el.scrollLeft'
           break;
 
-        case 'children':
-          condition = 'el.scrollRight'
+        case 'yscroll':
+          condition = 'el.scrollTop'
           break;
 
       }