more page styles
This commit is contained in:
parent
c91caf72e0
commit
5cdcab9907
3 changed files with 11 additions and 2 deletions
|
@ -34,7 +34,7 @@ footer {
|
|||
display: inline;
|
||||
}
|
||||
.footer-container {
|
||||
max-width: 75rem;
|
||||
max-width: var(--page-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: grid;
|
||||
|
|
|
@ -16,7 +16,7 @@ header {
|
|||
padding: 2rem 0;
|
||||
}
|
||||
.header-container {
|
||||
max-width: 75rem;
|
||||
max-width: var(--page-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: flex;
|
||||
|
|
|
@ -23,8 +23,17 @@ eleventyComputed:
|
|||
</html>
|
||||
|
||||
{% css %}
|
||||
:root {
|
||||
--page-width: 75rem;
|
||||
}
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
margin: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
main {
|
||||
max-width: var(--page-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
{% endcss %}
|
||||
|
|
Loading…
Reference in a new issue