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;
|
display: inline;
|
||||||
}
|
}
|
||||||
.footer-container {
|
.footer-container {
|
||||||
max-width: 75rem;
|
max-width: var(--page-width);
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
|
@ -16,7 +16,7 @@ header {
|
||||||
padding: 2rem 0;
|
padding: 2rem 0;
|
||||||
}
|
}
|
||||||
.header-container {
|
.header-container {
|
||||||
max-width: 75rem;
|
max-width: var(--page-width);
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -23,8 +23,17 @@ eleventyComputed:
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
{% css %}
|
{% css %}
|
||||||
|
:root {
|
||||||
|
--page-width: 75rem;
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
font-size: 17px;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
max-width: var(--page-width);
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
Loading…
Reference in a new issue