mirror of
https://github.com/dzeiocom/components.git
synced 2025-04-22 10:52:16 +00:00
Fixed Link colors
Signed-off-by: Avior <florian.bouillon@delta-wings.net>
This commit is contained in:
parent
0b60fa84ba
commit
31c9e30d3d
@ -1,9 +1,9 @@
|
||||
@import '../config'
|
||||
|
||||
.link
|
||||
color $infoLight
|
||||
color $infoDark
|
||||
@media (prefers-color-scheme dark)
|
||||
color $infoDark
|
||||
color $infoLight
|
||||
&:hover
|
||||
text-decoration underline
|
||||
|
||||
|
@ -12,6 +12,7 @@ interface Props {
|
||||
/**
|
||||
* Override external detection system
|
||||
*/
|
||||
noStyle?: boolean
|
||||
external?: boolean
|
||||
}
|
||||
|
||||
@ -23,7 +24,7 @@ export default class Link extends React.Component<Props> {
|
||||
// external link
|
||||
return (
|
||||
<a
|
||||
className={buildClassName(this.props.className, css.link)}
|
||||
className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
|
||||
href={this.props.href}
|
||||
rel="noreferrer nofollow"
|
||||
target="_blank"
|
||||
@ -35,7 +36,7 @@ export default class Link extends React.Component<Props> {
|
||||
return (
|
||||
<NextLink href={this.props.href}>
|
||||
<a
|
||||
className={buildClassName(this.props.className, css.link)}
|
||||
className={buildClassName(this.props.className, [css.link, !this.props.noStyle])}
|
||||
>{this.props.children}</a>
|
||||
</NextLink>
|
||||
)
|
||||
|
Loading…
x
Reference in New Issue
Block a user