_links.scss 916 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /*********
  2. * Links *
  3. *********/
  4. *:link {
  5. color: $link_color;
  6. &:visited {
  7. color: $link_visited_color;
  8. *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); }
  9. }
  10. &:hover {
  11. color: lighten($link_color,10%);
  12. *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); }
  13. }
  14. &:active {
  15. color: $link_color;
  16. *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
  17. }
  18. &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }}
  19. @at-root %link_selected,
  20. &:selected,
  21. *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); }
  22. }
  23. button:link,
  24. button:visited {
  25. @extend %undecorated_button;
  26. @extend *:link;
  27. text-shadow: none;
  28. &:hover,
  29. &:active,
  30. &:checked {
  31. @extend %undecorated_button;
  32. text-shadow: none;
  33. }
  34. > label { text-decoration-line: underline; }
  35. }