diff --git a/src/_assets/css/layout.css b/src/_assets/css/layout.css index 2e71450..ddcd7bd 100644 --- a/src/_assets/css/layout.css +++ b/src/_assets/css/layout.css @@ -1,15 +1,18 @@ -.container { +.default-layout { height: 100%; display: flex; flex-direction: row; } @media (max-width: 768px) { - .container { + .default-layout { flex-direction: column; } } -.container > main { +.default-layout > main { flex: 1 1 auto; padding: calc(4 * var(--step)); + max-width: calc(100 * var(--step)); } + +/* @see ./menu.css */ diff --git a/src/_assets/css/menu.css b/src/_assets/css/menu.css index 16965d4..bd45fb0 100644 --- a/src/_assets/css/menu.css +++ b/src/_assets/css/menu.css @@ -33,7 +33,7 @@ header.menu a:hover { /* */ .logo a { - font-size: 72px; + font-size: calc(9 * var(--step)); } /* */ diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 4f3a602..b2ff982 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -28,7 +28,7 @@ -
+
{% include 'parts/menu.njk' %}
{{ content | safe }}