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={` .button { /* Reset */ background-color: transparent; border-color: transparent; /* Cursor */ cursor: pointer; /* Size */ height: 32px; width: 32px; /* Used to position the inner */ position: relative; } .button__line { /* Background color */ background-color: rgba(0, 0, 0, 0.3); /* Position */ position: absolute; /* Size */ height: 1px; width: 100%; } .button__line--first { /* Position */ left: 0px; top: 50%; transform: translate(0%, -50%) rotate(45deg); /* Size */ height: 1px; width: 100%; } .button__line--second { /* Position */ left: 50%; top: 0px; transform: translate(-50%, 0%) rotate(45deg); /* Size */ height: 100%; width: 1px; } `} >

); }; export default Details;