Added Keyframes to InterpolationValue to support the new keyframes

This commit is contained in:
Dirk-Jan Wassink
2018-10-10 11:11:39 +02:00
parent 35f3259b13
commit 732d31ca51
2 changed files with 9 additions and 0 deletions
+1
View File
@@ -37,6 +37,7 @@ export type InterpolationValue =
| number
| Styles
| FalseyValue
| Keyframes
| StyledComponentClass<any, any>;
export type SimpleInterpolation =
| InterpolationValue
@@ -97,6 +97,14 @@ const fadeIn = keyframes`
}
`;
const animationRule = css`
${fadeIn} 1s infinite alternate;
`;
const ComponentWithKeyframe = styled.div`
animation: ${animationRule};
`;
const theme = {
main: 'mediumseagreen',
};