refactor: move inline styles into scoped <style> blocks

This commit is contained in:
Jonathan 2026-04-18 16:10:00 +02:00
parent a7131e0f79
commit e099d26ee4

View file

@ -2,11 +2,26 @@
import BaseLayout from '../layouts/BaseLayout.astro'; import BaseLayout from '../layouts/BaseLayout.astro';
--- ---
<BaseLayout title="Welcome"> <BaseLayout title="Welcome">
<main style="padding: var(--space-20); max-width: var(--content-max); margin: 0 auto;"> <main class="placeholder-main">
<span class="label-md">Project Bifrost</span> <span class="label-md">Project Bifrost</span>
<h1 class="display-md" style="margin-top: var(--space-4);"> <h1 class="display-md heading">
Welcome to the <em style="font-weight: 700; font-style: italic;">hub.</em> Welcome to the <em class="emphasis">hub.</em>
</h1> </h1>
<p class="lead">Authentication and personalised content coming soon.</p> <p class="lead">Authentication and personalised content coming soon.</p>
</main> </main>
</BaseLayout> </BaseLayout>
<style>
.placeholder-main {
padding: var(--space-20);
max-width: var(--content-max);
margin: 0 auto;
}
.heading {
margin-top: var(--space-4);
}
.emphasis {
font-weight: 700;
font-style: italic;
}
</style>