Fixed Link colors

Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
Florian Bouillon 2021-03-29 14:55:29 +02:00
parent 0b60fa84ba
commit 31c9e30d3d
Signed by: Florian Bouillon
GPG Key ID: 50BD648F12C86AB6
2 changed files with 5 additions and 4 deletions

View File

@ -1,9 +1,9 @@
@import '../config' @import '../config'
.link .link
color $infoLight color $infoDark
@media (prefers-color-scheme dark) @media (prefers-color-scheme dark)
color $infoDark color $infoLight
&:hover &:hover
text-decoration underline text-decoration underline

View File

@ -12,6 +12,7 @@ interface Props {
/** /**
* Override external detection system * Override external detection system
*/ */
noStyle?: boolean
external?: boolean external?: boolean
} }
@ -23,7 +24,7 @@ export default class Link extends React.Component<Props> {
// external link // external link
return ( return (
<a <a
className={buildClassName(this.props.className, css.link)} className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
href={this.props.href} href={this.props.href}
rel="noreferrer nofollow" rel="noreferrer nofollow"
target="_blank" target="_blank"
@ -35,7 +36,7 @@ export default class Link extends React.Component<Props> {
return ( return (
<NextLink href={this.props.href}> <NextLink href={this.props.href}>
<a <a
className={buildClassName(this.props.className, css.link)} className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
>{this.props.children}</a> >{this.props.children}</a>
</NextLink> </NextLink>
) )