mirror of
https://github.com/zen-browser/www.git
synced 2025-07-08 01:10:02 +02:00
refactor(Title): simplify title component styling and structure
This commit is contained in:
parent
bdf9bb81d5
commit
6b3a4de722
1 changed files with 13 additions and 1 deletions
|
@ -2,6 +2,18 @@
|
||||||
const { class: className } = Astro.props
|
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 />
|
<slot />
|
||||||
</h1>
|
</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>
|
Loading…
Add table
Add a link
Reference in a new issue