use suggested project layout from: https://plainvanillaweb.com/pages/sites.html
This commit is contained in:
parent
2d4ac41cfa
commit
eea8e10cab
10 changed files with 49 additions and 45 deletions
44
public/styles/global.css
Normal file
44
public/styles/global.css
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
html {
|
||||
background-color: var(--background-color);
|
||||
color: var(--color);
|
||||
font-family: sans-serif;
|
||||
font-size: large;
|
||||
line-height: 1.4;
|
||||
margin: 2em auto;
|
||||
max-width: 800px;
|
||||
padding: 1em;
|
||||
scrollbar-gutter: stable both-edges;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: var(--visited-link-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--hover-link-color);
|
||||
background-color: var(--link-color);
|
||||
}
|
||||
|
||||
a:visited:hover {
|
||||
color: var(--hover-link-color);
|
||||
background-color: var(--visited-link-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
header {
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
font-family: serif;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
font-size: smaller;
|
||||
}
|
||||
7
public/styles/variables.css
Normal file
7
public/styles/variables.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
:root {
|
||||
--color: #d9d9d9;
|
||||
--background-color: #000;
|
||||
--link-color: #00a2e7;
|
||||
--visited-link-color: #ca1a70;
|
||||
--hover-link-color: white;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue