refactor: 🚚 move css into pluggable components
This commit is contained in:
parent
54b3304f2f
commit
a98028b880
10 changed files with 702 additions and 688 deletions
32
src/components/head/page-head-style.webc
Normal file
32
src/components/head/page-head-style.webc
Normal file
|
@ -0,0 +1,32 @@
|
|||
<style>
|
||||
:root {
|
||||
font-family: var(--font-family-copy);
|
||||
font-size: var(--font-size);
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--clr-page-background);
|
||||
color: var(--clr-text);
|
||||
|
||||
margin: 0;
|
||||
min-height: 100dvh;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-family-headings);
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: var(--clr-selection-text);
|
||||
background-color: var(--clr-selection);
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue