ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 01:10:02 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(Title): simplify title component styling and structure

Browse source
This commit is contained in:
Mr. M 2025-05-15 14:52:18 +02:00
parent bdf9bb81d5
commit 6b3a4de722
No known key found for this signature in database
GPG key ID: 6292C4C8F8652B18
1 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/Title.astro
View file

@ -2,6 +2,18 @@
const { class: className } = Astro.props
---
<h1 class:list={['text-dark leading-[0.9] mb-[0.4rem] font-junicode font-semibold text-5xl xl:text-6xl', className]}>
<h1 class:list={['title text-dark', className]}>
<slot />
</h1>
<style>
.title {
line-height: 0.9;
margin-bottom: 0.4rem;
font-family: 'Junicode', serif;
font-weight: 600;
font-style: normal;
font-feature-settings: 'swsh' 1;
@apply text-5xl xl:text-6xl;
}
</style>