mirror of
https://github.com/dzeiocom/components.git
synced 2025-04-22 19:02:15 +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'
|
@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
|
||||||
|
|
||||||
|
@ -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>
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user