simplifying element query demo

Author: tomhodgins

test/element-query.js

@@ -122,39 +122,6 @@ export default () => `
     }
   `)}
 
-  /* Min-scroll-y */
-  ${element('.min-scroll-y', {minScrollY: 50}, `
-    :self {
-      background: greenyellow;
-      border-color: limegreen;
-    }
-  `)}
-
-  /* Max-scroll-y */
-  ${element('.max-scroll-y', {maxScrollY: 50}, `
-    :self {
-      background: greenyellow;
-      border-color: limegreen;
-    }
-  `)}
-
-  /* Min-scroll-x */
-  ${element('.min-scroll-x', {minScrollX: 50}, `
-    :self {
-      background: greenyellow;
-      border-color: limegreen;
-    }
-  `)}
-
-  /* Max-scroll-x */
-  ${element('.max-scroll-x', {maxScrollX: 50}, `
-    :self {
-      background: greenyellow;
-      border-color: limegreen;
-    }
-  `)}
-
-
   /* Square Orientation */
   ${element('.square', {orientation: 'square'}, `
     :self {
@@ -176,7 +143,6 @@ export default () => `
     }
   `)}
 
-
   /* Min-aspect ratio */
   ${element('.minaspectratio', {minAspectRatio: 16/9}, `
     :self {

test/index.html

@@ -206,5 +206,6 @@ <h3>max-aspect-ratio</h3>
   import scrollStyles from './element-query-scroll.js'
 
   jsincss(stylesheet)
-  jsincss(scrollStyles, ['[class*="-scroll-"]'], ['scroll'])
+  jsincss(scrollStyles, window, ['load'])
+  jsincss(scrollStyles, '[class*="-scroll-"]', ['scroll'])
 </script>