Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lowmess/lameass.recipes. A recipe site, but without the ads and 3,000 word essays lameass.recipes
nextjs sanity-io theme-ui typescript
Something went wrong. Try again.
526 B · 32 lines
TSX
at develop
123456789101112131415161718192021222324252627282930313233import * as React from 'react'import { Link } from 'theme-ui'
const SkipNavLink: React.FC = () => ( <Link href="#main-content" sx={{ position: 'absolute', top: 0, right: 0, bottom: 0, left: 0, zIndex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 3, backgroundColor: 'primary', opacity: 0, pointerEvents: 'none',
'&:focus': { opacity: 1, pointerEvents: 'auto', }, }} > Skip to main content </Link>)
export default SkipNavLink