remove classes and use child selectors

cowprotocol · May 3, 2022 · 0f5fad6 · 0f5fad6
1 parent 6ff50a3
commit 0f5fad6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 16 deletions.
diff --git a/src/apps/explorer/pages/styled.tsx b/src/apps/explorer/pages/styled.tsx
@@ -61,15 +61,19 @@ const EyesOpacity = keyframes`
 export const StyledCowLoading = styled(SVG)`
   animation: ${CowBounce} 1.5s infinite ease-in-out;
   animation-delay: -1s;
-  .cowHead {
+
+  path:nth-child(1) {
     fill: ${({ theme }): string => theme.white};
     opacity: 0.4;
   }
-  .eyesBg {
+
+  path:nth-child(2),
+  path:nth-child(3) {
     fill: ${({ theme }): string => theme.bg1};
     opacity: 1;
   }
-  .eyes {
+  path:nth-child(4),
+  path:nth-child(5) {
     fill: ${({ theme }): string => theme.orange};
     animation: ${EyesOpacity} 1.5s ease-in-out infinite;
     filter: blur(1px);

diff --git a/src/assets/img/cowLoading.svg b/src/assets/img/cowLoading.svg