Add icon-inline component, update render-heading.html.example and add render-image.html.example.

This commit is contained in:
Fredrik Jonsson 2023-01-29 14:22:31 +01:00
commit 45e970953c

View file

@ -0,0 +1,27 @@
// Inline icons.
.icon-inline,
%icon-inline {
.icon-link {
opacity: 0;
transition: all 130ms ease-in;
text-decoration: none;
}
&:focus,
&:hover {
.icon-link {
opacity: .3;
&:focus,
&:hover {
opacity: 1;
}
}
}
svg {
display: inline;
vertical-align: middle;
}
}