mirror of
https://github.com/twbs/bootstrap.git
synced 2025-10-02 16:28:26 +02:00
* Reorganize scss folder * Migrate to Sass modules * Migrate docs to Sass modules, comment out docs grid CSS * Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility * Delete node sass Action * Modify Sass tests to pass for new Sass modules implementation * Don't disallow calc() * Move heading classes back to Reboot to prevent a dependency * Utilities, some helpers, and theme colors * Temporary fix of docs compilation * Temporary Bundlewatch fix * docs fix import to use * Restyle docs callouts * Fix docs colors * Revert typo * Reintroduce `css-lint-vars` npm script * Bump to Sass v1.90.x * Fixes * more * Remove --------- Co-authored-by: Julien Déramond <juderamond@gmail.com>
30 lines
689 B
SCSS
30 lines
689 B
SCSS
@use "../config" as *;
|
|
@use "../variables" as *;
|
|
@use "../mixins/transition" as *;
|
|
|
|
.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);
|
|
}
|
|
}
|
|
}
|