diff --git a/packages/landing/src/_svgs.scss b/packages/landing/src/_svgs.scss index 9b2b884af1..da28add117 100644 --- a/packages/landing/src/_svgs.scss +++ b/packages/landing/src/_svgs.scss @@ -12,6 +12,20 @@ $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, @@ -19,7 +33,6 @@ $initial-delay: 2s; animation: pt-sketch-wireframe 7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards; stroke-dasharray: 1000; stroke-dashoffset: 1000; - stroke-linecap: butt; } } }