From 5ff05c075a9608cb961b41d04e958ac30688280f Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 30 Jul 2020 12:55:17 -0400
Subject: [PATCH] Fix marching ants skipping (but only at default zoom)

---
 src/components/Statblock.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Statblock.vue b/src/components/Statblock.vue
index 64b8d69..5ce867e 100644
--- a/src/components/Statblock.vue
+++ b/src/components/Statblock.vue
@@ -299,8 +299,8 @@ a {
 /* yoinked from https://codepen.io/danichk/pen/PPRxrR?editors=0110 */
 
 .marching-ants {
-  background: linear-gradient(#111, #111) padding-box, repeating-linear-gradient(-45deg, var(--ants-color) 0, var(--ants-color) 25%, transparent 0, transparent 50%) 0 / 20px 20px;
-  animation: marching-ants 12s infinite linear;
+  background: linear-gradient(#111, #111) padding-box, repeating-linear-gradient(-45deg, var(--ants-color) 0, var(--ants-color) 25%, transparent 0, transparent 50%) 0 / 3em 3em;
+  animation: marching-ants 4s infinite linear;
   border: 4px solid transparent;
 }
 .statblock[data-active] .statblock-shader-selected {
@@ -313,7 +313,6 @@ a {
 
 .statblock[data-active-ally] .statblock-shader-selected-ally {
   --ants-color: #88f;
-  border: 4px solid transparent;
   border-radius: 8px;
   width: calc(100% - 8px);
   height: calc(100% - 8px);
@@ -322,7 +321,6 @@ a {
 
 .statblock[data-current-turn] .statblock-shader-current-turn {
   --ants-color: #fff;
-  border: 4px solid transparent;
   border-radius: 8px;
   width: calc(100% - 8px);
   height: calc(100% - 8px);