mirror of
https://github.com/twbs/bootstrap.git
synced 2025-09-30 07:19:13 +02:00
12fb082b3b
- button ideas - rewrite utility mixin - cleanup some code - remove hyphen from infix by default
32 lines
763 B
SCSS
32 lines
763 B
SCSS
@use "../config" as *;
|
|
@use "../variables" as *;
|
|
@use "../mixins/transition" as *;
|
|
|
|
@layer helpers {
|
|
.icon-link {
|
|
display: inline-flex;
|
|
gap: $icon-link-gap;
|
|
align-items: center;
|
|
text-decoration-color: color-mix(var(--#{$prefix}link-color), transparent var(--#{$prefix}link-opacity));
|
|
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);
|
|
}
|
|
}
|
|
}
|
|
}
|