Move Fade to its own component

Fixed todolist strikethrough styling with nested lists
This commit is contained in:
Tom Moor
2017-11-10 17:56:09 -08:00
parent ab13f51d5d
commit f34b32b2a3
7 changed files with 26 additions and 24 deletions

View File

@@ -1,9 +1,10 @@
// @flow
import React from 'react';
import styled from 'styled-components';
import { fadeIn, pulsate } from 'shared/styles/animations';
import { pulsate } from 'shared/styles/animations';
import { color } from 'shared/styles/constants';
import Flex from 'shared/components/Flex';
import Fade from 'components/Fade';
import { randomInteger } from 'shared/random';
@@ -27,10 +28,6 @@ export default (props: Object) => {
);
};
const Fade = styled.span`
animation: ${fadeIn} 150ms ease-in-out;
`;
const Item = styled(Flex)`
padding: 18px 0;
`;