added animation to tiles

This commit is contained in:
David Sun
2019-04-05 11:26:14 -07:00
parent 7720e5007c
commit 1ddadfce1e

View File

@@ -2,6 +2,7 @@ import * as _ from 'lodash';
import * as React from 'react';
import styled from 'styled-components';
import { addFadeInAnimation } from 'ts/constants/animations';
import { ExploreGridTile } from 'ts/pages/explore/explore_grid_tile';
import { ExploreTile, ExploreTileGridWidth, ExploreTileVisibility, ExploreTileWidth } from 'ts/types';
@@ -123,6 +124,7 @@ const ExploreGridList = styled.div<ExploreGridListProps>`
grid-template-columns: repeat(${ExploreTileGridWidth.ThreeColumn}, 1fr);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
${addFadeInAnimation('0.5s', '0.25s')}
& > * {
align-self: stretch;
}