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 Circle from '../../placeholders/Circle'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (

...

... ...

...

`} css={` .menu { display: flex; flex-direction: column; /* Border */ border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 4px; } .menu__item { /* Center the content horizontally */ align-items: center; display: flex; } .menu__hotkey { /* Push the hot key to the right */ margin-left: auto; } .menu__divider { border-bottom: 1px solid rgba(0, 0, 0, 0.3); height: 1px; } `} >

Ctrl + X

Ctrl + C

Ctrl + V

); }; export default Details;