added animation to tiles
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
Reference in New Issue
Block a user