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 { /* Center the content */ align-items: center; display: flex; justify-content: center; /* Spacing */ padding: 8px; } .container__triangle { border-style: solid; /* Size */ height: 0px; width: 0px; } .container__triangle--up { border-color: transparent transparent rgba(0, 0, 0, 0.3); border-width: 0px 8px 8px; } .container__triangle--right { border-color: transparent transparent transparent rgba(0, 0, 0, 0.3); border-width: 8px 0px 8px 8px; } .container__triangle--down { border-color: rgba(0, 0, 0, 0.3) transparent transparent; border-width: 8px 8px 0px; } .container__triangle--left { border-color: transparent rgba(0, 0, 0, 0.3) transparent transparent; border-width: 8px 8px 8px 0px; } `} >

); }; export default Details;