links.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. a {
  2. color: get-light-color('accent-color');
  3. @include transition();
  4. &:hover,
  5. &:focus {
  6. text-decoration: get-light-color('hover-over-accent-color') underline;
  7. color: get-light-color('hover-over-accent-color');
  8. @include transition();
  9. }
  10. }
  11. .list-link {
  12. text-decoration: none !important;
  13. color: get-light-color('text-color');
  14. @include transition();
  15. &.active {
  16. display: inline;
  17. color: get-light-color('accent-color');
  18. }
  19. &:hover {
  20. margin-left: 3px;
  21. color: get-light-color('accent-color');
  22. @include transition();
  23. }
  24. }
  25. a.header-anchor {
  26. text-decoration: none;
  27. color: get-light-color('heading-color');
  28. i,
  29. svg {
  30. font-size: 10pt;
  31. color: get-light-color('text-color');
  32. display: none;
  33. margin-left: 0.5rem;
  34. }
  35. &:hover {
  36. i,
  37. svg {
  38. display: inline-block;
  39. }
  40. }
  41. code {
  42. color: get-light-color('inline-code-color');
  43. }
  44. }
  45. .anchor {
  46. padding-top: 3.5rem;
  47. }
  48. html[data-theme='dark'] {
  49. a {
  50. color: get-dark-color('accent-color');
  51. &:hover,
  52. &:focus {
  53. text-decoration: get-dark-color('hover-over-accent-color') underline;
  54. color: get-dark-color('hover-over-accent-color');
  55. }
  56. }
  57. .list-link {
  58. color: get-dark-color('text-color');
  59. &:hover {
  60. color: get-dark-color('accent-color');
  61. }
  62. }
  63. a.header-anchor {
  64. color: get-dark-color('heading-color');
  65. i,
  66. svg {
  67. color: get-dark-color('text-color');
  68. }
  69. code {
  70. color: get-dark-color('inline-code-color');
  71. }
  72. }
  73. }