diff options
Diffstat (limited to 'src/templates/base.hbs')
-rw-r--r-- | src/templates/base.hbs | 37 |
1 files changed, 25 insertions, 12 deletions
diff --git a/src/templates/base.hbs b/src/templates/base.hbs index d80124b..410a5b2 100644 --- a/src/templates/base.hbs +++ b/src/templates/base.hbs @@ -2,6 +2,8 @@ <html> <head> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <style> :root { --balboa: #195970; @@ -27,8 +29,6 @@ nav { background-color: var(--balboa); - box-shadow: 0 0 0.5em black; - z-index: 2; } nav a { @@ -39,10 +39,7 @@ } aside { - flex-grow: 1; - z-index: 1; flex-direction: column; - height: 100%; background-color: var(--balboa); padding: 0.5em; } @@ -61,7 +58,6 @@ } article { - flex-grow: 3; padding: 0.5em; } @@ -115,22 +111,39 @@ color: white; } - @media only screen and (min-width: 700px) { + @media only screen and (min-width: 750px) { + + html, + body, + main, + aside { + height: 100%; + } + + a.closeMenu { + float: right; + } nav, main { flex-direction: row; } + nav { + box-shadow: 0 0 0.5em black; + z-index: 2; + } + + article { + flex-grow: 3; + } + aside { box-shadow: inset -0.5em 0.5em 0.5em -0.5em black; + flex-grow: 1; + z-index: 1; } - html, - body, - main { - height: 100%; - } } </style> </head> |