0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-14 02:24:00 +01:00
Bootstrap/scss/helpers/_icon-link.scss
Julien Déramond 8a35408030
Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font (#37671)
* Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font

* Revamp starter template to use new .icon-link, fix Bootstrap icon and text at top

* Remove extra CSS file

* Change links to twbs/examples

* Fix icon name

* Adjust icon link offset to more reasonable and scaling distance

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-04 13:38:45 -08:00

25 lines
516 B
SCSS

.icon-link {
display: inline-flex;
gap: .375rem;
align-items: center;
text-decoration-color: rgba(var(--#{$prefix}link-color-rgb), var(--#{$prefix}link-opacity, .5));
text-underline-offset: .25em;
backface-visibility: hidden;
> .bi {
flex-shrink: 0;
width: 1em;
height: 1em;
@include transition(.2s ease-in-out transform);
}
}
.icon-link-hover {
&:hover,
&:focus-visible {
> .bi {
transform: var(--#{$prefix}icon-link-transform, translate3d(.25em, 0, 0));
}
}
}