hide svg patterns in visually-hidden

Author: jscottsmith

examples/components/ParallaxExample/ParallaExample.scss

@@ -26,4 +26,13 @@
         background-color: #fff;
         border: none;
     }
+
+    .visually-hidden {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 0;
+        width: 0;
+        overflow: hidden;
+    }
 }

examples/components/ParallaxExample/ParallaxExample.js

@@ -25,9 +25,12 @@ export default class ParallaxExample extends Component {
                 <Marquee />
                 <Overlap />
                 <TriangleGrid />
-
-                <Svg svg={noisePattern} />
-                <Svg svg={dotPattern} />
+                
+                {/** Shared SVG patterns */}
+                <div className="visually-hidden">
+                    <Svg svg={noisePattern} />
+                    <Svg svg={dotPattern} />
+                </div>
             </div>
         );
     }