mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-04 16:24:22 +01:00
8a35408030
* 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>
25 lines
516 B
SCSS
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));
|
|
}
|
|
}
|
|
}
|