|
1234567891011121314151617181920212223242526272829303132333435363738394041 |
- import styled from 'styled-components'
- import Link from '../../navigation/Link'
-
- const BrandBase = styled(Link)({
- display: 'block',
- textDecoration: 'none',
- fontSize: '1.5rem',
- fontWeight: 'bold',
- fontStretch: '75%',
- textTransform: 'uppercase',
- width: '2rem',
- textAlign: 'center',
- '@media (min-width: 720px)': {
- width: '8rem',
- textAlign: 'left',
- },
- })
-
- const Hide = styled('span')({
- display: 'none',
- '@media (min-width: 720px)': {
- display: 'inline',
- },
- })
-
- const Brand = () => {
- return (
- <BrandBase
- href={{
- pathname: '/',
- }}
- >
- T
- <Hide>
- onality
- </Hide>
- </BrandBase>
- )
- }
-
- export default Brand
|