Layout scaffolding for Web apps.
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
 
 
 

40 líneas
612 B

  1. import * as React from 'react'
  2. import styled from 'styled-components'
  3. const BrandBase = styled('a')({
  4. display: 'block',
  5. textDecoration: 'none',
  6. fontSize: '1.5rem',
  7. fontWeight: 'bold',
  8. fontStretch: '75%',
  9. textTransform: 'uppercase',
  10. width: '2rem',
  11. textAlign: 'center',
  12. '@media (min-width: 720px)': {
  13. width: '8rem',
  14. textAlign: 'left',
  15. },
  16. })
  17. const Hide = styled('span')({
  18. display: 'none',
  19. '@media (min-width: 720px)': {
  20. display: 'inline',
  21. },
  22. })
  23. const Brand = () => {
  24. return (
  25. <BrandBase
  26. href="/index.html"
  27. >
  28. B
  29. <Hide>
  30. rand
  31. </Hide>
  32. </BrandBase>
  33. )
  34. }
  35. export default Brand