You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

25 lines
605 B

9 months ago
  1. .icon-link {
  2. display: inline-flex;
  3. gap: $icon-link-gap;
  4. align-items: center;
  5. text-decoration-color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, .5));
  6. text-underline-offset: $icon-link-underline-offset;
  7. backface-visibility: hidden;
  8. > .bi {
  9. flex-shrink: 0;
  10. width: $icon-link-icon-size;
  11. height: $icon-link-icon-size;
  12. fill: currentcolor;
  13. @include transition($icon-link-icon-transition);
  14. }
  15. }
  16. .icon-link-hover {
  17. &:hover,
  18. &:focus-visible {
  19. > .bi {
  20. transform: var(--#{$prefix}icon-link-transform, $icon-link-icon-transform);
  21. }
  22. }
  23. }