//
// Variables
// --------------------------------------------------
$link-icon-color: $link-color;
$link-icon-arrow: url("data:image/svg+xml,");
$link-icon-page: url("data:image/svg+xml,");
$link-icon-folder: url("data:image/svg+xml,");
$link-icon-file: url("data:image/svg+xml,");
$link-icon-external: url("data:image/svg+xml,");
$link-icon-chevron: url("data:image/svg+xml,");
$link-icon-mail: url("data:image/svg+xml,");
$link-icon-globe: url("data:image/svg+xml,");
//
// Special Links
// --------------------------------------------------
.link-arrow,
.link-page,
.link-folder,
.link-file,
.link-external,
.link-chevron,
.link-mail,
.link-globe {
display: inline-flex;
align-items: center;
gap: .15em;
flex-grow: 0;
flex-shrink: 0;
&:after {
height: 1em;
width: 1em;
content: '';
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
}
}
.link-arrow:after {
background: escape-svg($link-icon-arrow);
}
.link-page:after {
background: escape-svg($link-icon-page);
}
.link-folder:after {
background: escape-svg($link-icon-folder);
}
.link-file:after {
background: escape-svg($link-icon-file);
}
.link-external:after {
background: escape-svg($link-icon-external);
}
.link-chevron:after {
background: escape-svg($link-icon-chevron);
}
.link-mail:after {
background: escape-svg($link-icon-mail);
}
.link-globe:after {
background: escape-svg($link-icon-globe);
}