style: initial dark and light style scaffold
This commit is contained in:
parent
9fe00b3ac7
commit
8514727e1d
1 changed files with 22 additions and 5 deletions
|
@ -8,9 +8,26 @@ export interface Props {
|
||||||
|
|
||||||
const { formGroups } = Astro.props;
|
const { formGroups } = Astro.props;
|
||||||
---
|
---
|
||||||
|
<form class="light">
|
||||||
{
|
|
||||||
<form>
|
|
||||||
{formGroups?.map((group) => <FieldSet group={group} />)}
|
{formGroups?.map((group) => <FieldSet group={group} />)}
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.light {
|
||||||
|
/**
|
||||||
|
* run dev server with: "npm run dev",
|
||||||
|
* then open browser to "localhost:3000"
|
||||||
|
* add a class="light" to the <form> element above to test changes
|
||||||
|
* INSERT STYLES FOR LIGHT MODE BELOW: */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dark {
|
||||||
|
/**
|
||||||
|
* run dev server with: "npm run dev",
|
||||||
|
* then open browser to "localhost:3000"
|
||||||
|
* add a class="dark" to the <form> element above to test changes
|
||||||
|
* INSERT STYLES FOR DARK MODE BELOW: */
|
||||||
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue