reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-17 03:56:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: title font style

Browse source
This commit is contained in:
radishzzz 2025-01-19 03:49:50 +00:00
parent ef79df118f
commit 8eb0876c01
4 changed files with 41 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/Layout.astro
View file

@ -8,6 +8,8 @@ import '@/styles/global.css'
<Head />
</head>
<body>
<slot />
<main class="lg:p-9rem_8rem mx-a h-screen max-w-123rem min-w-32rem gap-x-[clamp(11rem,8.05%+8.102rem,18rem)] px-[clamp(2.4rem,9.94%-1.1784rem,9rem)] py-[clamp(4.4rem,5.42%+2.4488rem,8rem)] grid-[15rem_1.5rem_5.4rem_1fr_4.8rem_5.25rem]-[1fr_min(22rem,27%)]">
<slot />
</main>
</body>
</html>

21
src/styles/global.css
View file

@ -12,3 +12,24 @@ body {
h1, h2, h3 {
text-rendering: optimizeLegibility;
}
h1 {
--at-apply: 'text-[3.6rem]';
}
h2 {
--at-apply: 'text-[3rem]';
}
h3 {
--at-apply: 'text-[2.4rem]';
}
h4 {
--at-apply: 'text-[2rem]';
}
h5 {
--at-apply: 'text-[1.8rem]';
}
h6 {
--at-apply: 'text-[1.6rem]';
}
:where(p) {
--at-apply: 'text-primary/85';
}