Adwaita: Fix link styling

- Fix broken visited link styling by avoiding invalid selector
  `🔗visited` - CSS :link and :visited are mutually exclusive.
- In link button, move %link from the child label to the parent button,
  so that the hover/active effect is applied within the whole button and
  the visited style is applied correctly.
- Remove invalid selectors `:backdrop:backdrop`.
This commit is contained in:
nana-4 2020-04-19 15:21:40 +09:00
parent 2cd152c2ed
commit 47bfa49118

View File

@ -1048,8 +1048,7 @@ list > row button.image-button:not(.flat) {
*********/
%link,
button:link,
link:link {
link {
color: $link_color;
text-decoration: underline;
@ -1074,19 +1073,17 @@ link:link {
&:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); }
&:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }}
&:backdrop { color: transparentize($link_color, 0.1); }
@at-root %link_selected,
&:selected,
*:selected & { color: mix($selected_fg_color, $link_color, 80%); }
}
button:link,
button:visited {
@extend %undecorated_button;
text-shadow: none;
button.link {
@extend %link;
&,
&:hover,
&:active,
&:checked {
@ -1096,7 +1093,7 @@ button:visited {
}
> label {
@extend %link;
text-decoration: underline;
}
}