Only animate strokes in SVGs when not on mobile (#79)

* Only animate strokes in SVGs when not on mobile * lint
palantir · Nov 11, 2016 · b30ba3f · b30ba3f · blueprint-bot · Nov 11, 2016
1 parent 2a4ab73
commit b30ba3f
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/landing/src/_svgs.scss b/packages/landing/src/_svgs.scss
@@ -12,14 +12,27 @@ $initial-delay: 2s;
   position: absolute;
 
   svg g {
+    path,
+    line,
+    circle,
+    use {
+      stroke-linecap: butt;
+    }
+  }
+}
+
+// Only do SVG stroke animation when not on mobile
+$mobile-breakpoint: 425px;
+
+@media not all and (max-width: $mobile-breakpoint) {
+  .pt-wireframe svg g {
     path,
     line,
     circle,
     use {
       animation: pt-sketch-wireframe 7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
       stroke-dasharray: 1000;
       stroke-dashoffset: 1000;
-      stroke-linecap: butt;
     }
   }
 }