import * as React from 'react'; import Head from 'next/head'; import { Spacer } from '@1milligram/design'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; const Details: React.FC<{}> = () => { return (

... `} css={` .container { /* Used to position the stacked cards */ position: relative; } .container__card { /* Absolute position */ left: 0px; position: absolute; top: 0px; /* Take full size */ height: 100%; width: 100%; /* Displayed under the container */ z-index: -1; /* Background and border colors */ background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.3); /* Rotate it. Change the number of degrees for the following cards */ transform: rotate(5deg); } `} >

{Array(5) .fill(0) .map((_, index) => { return (

); })}

); }; export default Details;