mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-04 17:25:59 +02:00
27 lines
492 B
TypeScript
27 lines
492 B
TypeScript
import { AnchorLink } from "gatsby-plugin-anchor-links"
|
|
import styled, { css } from "styled-components"
|
|
import { Link } from "gatsby"
|
|
|
|
const extraLink = css`
|
|
color: ${props => props.theme.main.foreground};
|
|
text-decoration: none;
|
|
word-break: break-word;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
text-decoration: underline;
|
|
}
|
|
`
|
|
|
|
export const Anchor = styled(AnchorLink)`
|
|
${extraLink};
|
|
`
|
|
|
|
export const Internal = styled(Link)`
|
|
${extraLink};
|
|
`
|
|
|
|
export const External = styled.a`
|
|
${extraLink};
|
|
`
|