refactor: move inline styles into scoped <style> blocks
This commit is contained in:
parent
a7131e0f79
commit
e099d26ee4
1 changed files with 18 additions and 3 deletions
|
|
@ -2,11 +2,26 @@
|
|||
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
---
|
||||
<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>
|
||||
<h1 class="display-md" style="margin-top: var(--space-4);">
|
||||
Welcome to the <em style="font-weight: 700; font-style: italic;">hub.</em>
|
||||
<h1 class="display-md heading">
|
||||
Welcome to the <em class="emphasis">hub.</em>
|
||||
</h1>
|
||||
<p class="lead">Authentication and personalised content coming soon.</p>
|
||||
</main>
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue