css: add external-link utility class

Adds an .external-link utility class, to be used together with the
existing .link utility, for adding the correct styles to the open_in_new
icon without having to duplicate the markup each time.

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
This commit is contained in:
David Karlsson 2024-01-08 13:17:26 +01:00
parent d006adfc20
commit a13ad08101
1 changed files with 6 additions and 0 deletions

View File

@ -18,6 +18,12 @@
@apply text-blue-light underline underline-offset-2 dark:text-blue-dark;
}
.external-link {
.icon:after {
@apply text-base ml-1;
}
}
.invertible {
@apply dark:hue-rotate-180 dark:invert dark:filter;
}