Merge pull request #250 from smiclea/animation-adjust

Adjust dropdown checkmark animation

src/components/molecules/Dropdown/index.jsx

@@ -83,17 +83,17 @@ const Checkmark = styled.div`
   #symbol {
     transition: stroke ${StyleProps.animations.swift};
     stroke-dasharray: 12;
-    stroke-dashoffset: ${props => props.show ? 0 : 12};
+    stroke-dashoffset: ${props => props.show ? 24 : 12};
     animation-duration: 100ms;
     animation-timing-function: ease-in-out;
     animation-fill-mode: forwards;
 
     @keyframes dashOn {
       from { stroke-dashoffset: 12; }
-      to { stroke-dashoffset: 0; }
+      to { stroke-dashoffset: 24; }
     }
     @keyframes dashOff {
-      from { stroke-dashoffset: 0; }
+      from { stroke-dashoffset: 24; }
       to { stroke-dashoffset: 12; }
     }
   }