xevion/undefined.behavio.rs
1
0
Fork 0
mirror of https://github.com/Xevion/undefined.behavio.rs.git synced 2025-12-11 10:09:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve mobile sizing for Header, add screen-reader directives

Browse Source
This commit is contained in:
Xevion
2024-05-26 15:09:51 -05:00
parent 87ff523595
commit a0e4240943
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Header.astro
View File

@@ -90,8 +90,9 @@ const text = propText ?? "undefined behaviors";
} }
} }
</style> </style>
<header class:list={["text-5xl text-center lowercase", className]}> <header class:list={["text-3xl md:text-4xl lg:text-5xl text-center lowercase", className]}>
<div class="stack" style="--stacks: 3;"> <span class="sr-only">{text}</span>
<div class="stack" style="--stacks: 3;" aria-hidden="true">
<span style="--index: 0;">{text}</span> <span style="--index: 0;">{text}</span>
<span style="--index: 1;">{text}</span> <span style="--index: 1;">{text}</span>
<span style="--index: 2;">{text}</span> <span style="--index: 2;">{text}</span>