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'; import './styles.css'; const Details: React.FC<{}> = () => { return ( ... `} css={` .layered-card { position: relative; } .layered-card::before { background: rgba(0, 0, 0, 0.3); content: ''; /* Position */ top: 0; left: 0; position: absolute; transform: translate(1rem, 1rem); /* Size */ height: 100%; width: 100%; /* Display under the main content */ z-index: -1; } `} >

); }; export default Details;