35 lines
1.0 KiB
SCSS
35 lines
1.0 KiB
SCSS
$selector:
|
|
'.entry-content :where(p, em, strong ) > a',
|
|
'.entry-content > :where(ul, ol) a',
|
|
;
|
|
|
|
// type 3
|
|
[data-link='type-3'] :where(#{$selector}) {
|
|
background-size: var(--has-link-decoration, 0% 1px);
|
|
background-image: var(--has-link-decoration, linear-gradient(currentColor, currentColor));
|
|
|
|
&:hover {
|
|
background-size: var(--has-link-decoration, 100% 1px);
|
|
}
|
|
}
|
|
|
|
// type 4
|
|
[data-link='type-4'] :where(#{$selector}) {
|
|
|
|
&:hover {
|
|
color: var(--has-link-decoration, #fff);
|
|
background-size: var(--has-link-decoration, 100% 100%);
|
|
background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color)));
|
|
}
|
|
}
|
|
|
|
// type 5
|
|
[data-link='type-5'] :where(#{$selector}) {
|
|
background-size: var(--has-link-decoration, 0% 100%);
|
|
background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color)));
|
|
|
|
&:hover {
|
|
color: var(--has-link-decoration, #fff);
|
|
background-size: var(--has-link-decoration, 100% 100%);
|
|
}
|
|
} |