link.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .link {
  2. @apply underline;
  3. text-decoration-color: var(--gray-400);
  4. }
  5. .link-hover {
  6. @apply text-purple-500;
  7. text-decoration-color: var(--purple-300);
  8. }
  9. .link:hover {
  10. @apply link-hover;
  11. }
  12. .links a {
  13. @apply link;
  14. }
  15. .links a:hover {
  16. @apply link-hover;
  17. }
  18. .link-dimmed {
  19. @apply font-normal;
  20. @apply underline;
  21. @apply text-tint-600;
  22. text-decoration-color: var(--tint-400);
  23. }
  24. .link-dimmed-hover {
  25. @apply text-tint-700;
  26. text-decoration-color: var(--tint-500);
  27. }
  28. .link-dimmed:hover {
  29. @apply link-dimmed-hover;
  30. }
  31. .links-dimmed a {
  32. @apply link-dimmed;
  33. }
  34. .links-dimmed a:hover {
  35. @apply link-dimmed-hover;
  36. }
  37. .link-dimmed-invers {
  38. @apply font-normal;
  39. @apply underline;
  40. @apply text-gray-500;
  41. text-decoration-color: var(--gray-600);
  42. }
  43. .link-dimmed-invers-hover {
  44. @apply text-gray-400;
  45. text-decoration-color: var(--gray-500);
  46. }
  47. .link-dimmed-invers:hover {
  48. @apply link-dimmed-invers-hover;
  49. }
  50. .links-dimmed-invers a {
  51. @apply link-dimmed-invers;
  52. }
  53. .links-dimmed-invers a:hover {
  54. @apply link-dimmed-invers-hover;
  55. }
  56. .link-solution {
  57. @apply underline;
  58. @apply text-gray-700;
  59. text-decoration-color: var(--tint-400);
  60. }
  61. .link-solution-hover {
  62. @apply text-gray-800;
  63. text-decoration-color: var(--tint-500);
  64. }
  65. .link-solution:hover {
  66. @apply link-solution-hover;
  67. }
  68. .links-solution a {
  69. @apply link-solution;
  70. }
  71. .links-solution a:hover {
  72. @apply link-solution-hover;
  73. }