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';
|
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>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue