chore: add more examples in demo

demo/index.html

@@ -25,6 +25,9 @@
       .container {
         text-align: center;
       }
+      #code {
+        text-align: initial;
+      }
     </style>
     <link rel="stylesheet" href="./highlight/styles/github.css">
     <script src="./highlight/highlight.pack.js"></script>

demo/steps/steps-intersection.js

@@ -11,4 +11,31 @@ export const STEPS_INTERSECTION = [
       return quadrantOne.intersection(diamond);
     },
   },
+  {
+    comment: 'Like unions you can calculate intersection for more than two sets',
+    code: () => {
+      const quadrantOne = new Csset('.quadrant-one');
+      const even = new Csset('[d-even=true]');
+      const diamond = new Csset('.diamond');
+
+      return quadrantOne.intersection(even).intersection(diamond);
+    },
+  },
+  {
+    comment: 'A bigger intersection',
+    code: () => {
+      const quadrantFour = new Csset('.quadrant-four');
+      const diamond = new Csset('.diamond');
+      let result = quadrantFour;
+
+      for (let i = 0; i < 50; i++) {
+        if (i % 2 === 0) {
+          const s = new Csset(`[d-col=${i}]`);
+          result = result.intersection(s);
+        }
+      }
+
+      return result.intersection(diamond);
+    },
+  },
 ];