Use appearance for alpha badge 😁

This commit is contained in:
lindsaym-fa
2024-12-17 11:57:32 -05:00
parent d08b95378a
commit 9c4e4a2280
2 changed files with 1 additions and 3 deletions

View File

@@ -98,7 +98,7 @@
<span class="only-mobile">{% include "logo-simple.njk" %}</span>
</a>
<small id="version-number" class="only-desktop">{{ package.version }}</small>
<wa-badge variant="warning" class="only-desktop">Alpha</wa-badge>
<wa-badge variant="warning" appearance="tinted" class="only-desktop">Alpha</wa-badge>
</div>
<div id="docs-toolbar">

View File

@@ -76,8 +76,6 @@ wa-page > header {
margin-block-start: var(--wa-space-2xs);
}
#version-number + wa-badge {
--background-color: var(--wa-color-warning-fill-quiet);
--text-color: var(--wa-color-warning-on-quiet);
font-size: var(--wa-font-size-2xs);
text-transform: uppercase;
}