mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-03 15:24:19 +01:00
783213691a
* Envariable the icon-link helper * Proposal * .
26 lines
605 B
SCSS
26 lines
605 B
SCSS
.icon-link {
|
|
display: inline-flex;
|
|
gap: $icon-link-gap;
|
|
align-items: center;
|
|
text-decoration-color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, .5));
|
|
text-underline-offset: $icon-link-underline-offset;
|
|
backface-visibility: hidden;
|
|
|
|
> .bi {
|
|
flex-shrink: 0;
|
|
width: $icon-link-icon-size;
|
|
height: $icon-link-icon-size;
|
|
fill: currentcolor;
|
|
@include transition($icon-link-icon-transition);
|
|
}
|
|
}
|
|
|
|
.icon-link-hover {
|
|
&:hover,
|
|
&:focus-visible {
|
|
> .bi {
|
|
transform: var(--#{$prefix}icon-link-transform, $icon-link-icon-transform);
|
|
}
|
|
}
|
|
}
|