0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 20:54:22 +01:00
Bootstrap/scss/helpers/_icon-link.scss
Mark Otto 7915584fa4 lol
2024-07-29 22:04:11 -07:00

29 lines
757 B
SCSS

@use "../mixins/transition";
@use "../variables";
.icon-link {
display: inline-flex;
gap: variables.$icon-link-gap;
align-items: center;
text-decoration-color: rgba(var(--#{variables.$prefix}link-color-rgb), var(--#{variables.$prefix}link-opacity, .5));
text-underline-offset: variables.$icon-link-underline-offset;
backface-visibility: hidden;
> .bi {
flex-shrink: 0;
width: variables.$icon-link-icon-size;
height: variables.$icon-link-icon-size;
fill: currentcolor;
@include transition.transition(variables.$icon-link-icon-transition);
}
}
.icon-link-hover {
&:hover,
&:focus-visible {
> .bi {
transform: var(--#{variables.$prefix}icon-link-transform, variables.$icon-link-icon-transform);
}
}
}