ciam-links.scss 962 B

123456789101112131415161718192021222324252627282930313233343536
  1. .ciam-enabled,
  2. .website-redesign:not(.application-page) .ciam-enabled .notification {
  3. // Links, used in services/web/frontend/stylesheets/base/links.scss
  4. --link-color: currentcolor;
  5. --link-hover-color: var(--ds-color-text-primary);
  6. --link-visited-color: var(--ds-color-text-secondary);
  7. --link-text-decoration: underline;
  8. --link-hover-text-decoration: underline;
  9. a {
  10. text-decoration-thickness: var(--ds-link-text-decoration-thickness);
  11. text-underline-offset: 19.5%;
  12. }
  13. a:hover,
  14. a:focus-visible {
  15. text-decoration-thickness: 0.17em;
  16. }
  17. a:focus-visible {
  18. &:not(.btn) {
  19. // don't override button focus styles
  20. box-shadow: 0 0 0 2px var(--ds-color-yellow-500);
  21. outline: none;
  22. color: var(--ds-color-text-primary);
  23. background-color: var(--ds-color-yellow-500);
  24. border-radius: 1px;
  25. }
  26. &.ciam-image-link {
  27. @include ds-focus-outline;
  28. background-color: transparent;
  29. }
  30. }
  31. }