diff options
| author | Gabriel Proust <gabriel.proust@hownice.me> | 2021-02-25 00:26:52 +0300 |
|---|---|---|
| committer | Gabriel Proust <gabriel.proust@hownice.me> | 2021-02-25 00:33:17 +0300 |
| commit | 6ec3d2daf0eaa0a35e3b986c81c3dea4a7e38d3c (patch) | |
| tree | b9f93b9a79ca8ec42833eb08e2045302c09c4ba7 | |
| parent | 81e0ba022799ab39a78999f36439cb9e7f5f5674 (diff) | |
feat(404): add new style for 404.html
This fixes the issue related to the hamburger menu overlapping the
text content in 404.html on mobile view, and adds some space on the
left of the content of this page on medium and large views.
Fixes #162
| -rw-r--r-- | assets/scss/pages/404.scss | 8 | ||||
| -rw-r--r-- | layouts/404.html | 4 |
2 files changed, 12 insertions, 0 deletions
diff --git a/assets/scss/pages/404.scss b/assets/scss/pages/404.scss new file mode 100644 index 0000000..1e025c2 --- /dev/null +++ b/assets/scss/pages/404.scss @@ -0,0 +1,8 @@ +@import "../main"; +@import "../partials/vars"; + +main { + @media screen and (min-width: $medium) { + padding-left: calc(10% + #{$navWidth}); + } +} diff --git a/layouts/404.html b/layouts/404.html index ff2173a..40e97f2 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,3 +1,7 @@ +{{ define "styles" }} + {{ $.Scratch.Set "style_opts" (dict "src" "scss/pages/404.scss" "dest" "css/404.css") }} +{{ end }} + {{ define "main" }} <article> <h1> |