mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-06 07:56:11 +02:00
feat(resources): tweak external resources & visuals
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
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};
|
||||
`
|
||||
Reference in New Issue
Block a user