Use fluid scale custom properties and make everything mobile friendly

This commit is contained in:
thiloho
2024-08-15 16:26:32 +02:00
parent 3eb05da564
commit 2a1ada1c70
11 changed files with 244 additions and 80 deletions

View File

@@ -16,10 +16,12 @@
<style>
.toast {
position: fixed;
inset-block-end: 1rem;
inset-inline-end: 1rem;
padding-inline: 1rem;
padding-block: 0.5rem;
inset-block-end: var(--space-s);
inset-inline-end: var(--space-s);
margin-inline-start: var(--space-s);
padding-inline: var(--space-xs);
padding-block: var(--space-2xs);
text-align: center;
border-radius: var(--border-radius);
color: var(--color-text-invert);
z-index: 30;