50 lines
916 B
SCSS
50 lines
916 B
SCSS
/*********
|
|
* Links *
|
|
*********/
|
|
*:link {
|
|
color: $link_color;
|
|
|
|
&:visited {
|
|
color: $link_visited_color;
|
|
|
|
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); }
|
|
}
|
|
|
|
&:hover {
|
|
color: lighten($link_color,10%);
|
|
|
|
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); }
|
|
}
|
|
|
|
&:active {
|
|
color: $link_color;
|
|
|
|
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
|
|
}
|
|
|
|
&:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }}
|
|
|
|
@at-root %link_selected,
|
|
&:selected,
|
|
*:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
|
|
}
|
|
|
|
button:link,
|
|
button:visited {
|
|
@extend %undecorated_button;
|
|
|
|
@extend *:link;
|
|
|
|
text-shadow: none;
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:checked {
|
|
@extend %undecorated_button;
|
|
|
|
text-shadow: none;
|
|
}
|
|
|
|
> label { text-decoration-line: underline; }
|
|
}
|