diff options
Diffstat (limited to 'static/css/layout.css')
| -rw-r--r-- | static/css/layout.css | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/static/css/layout.css b/static/css/layout.css deleted file mode 100644 index d2491664..00000000 --- a/static/css/layout.css +++ /dev/null @@ -1,57 +0,0 @@ -/* 1rem = 16px by default */ - -.page { - max-width: 64rem; - margin: 1rem auto; - display: grid; - grid-template-areas: - "header" - "body" - "aside" - "footer"; - grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */ - grid-row-gap: 2rem; -} - -@media (min-width: 45rem) { - .page { - grid-template-areas: - "header header" - "body aside" - "footer footer"; - grid-template-columns: minmax(0, 1fr) 15rem; - grid-column-gap: 2rem; - } -} - -/* Header */ -.page__header { - grid-area: header; - display: flex; -} - -.page__logo { - flex-shrink: 0; -} - -.page__nav { - flex-grow: 1; -} - -/* Body + aside */ -.page__body { - grid-area: body; - background-color: var(--off-bg); - box-shadow: 0 0 0 1rem var(--off-bg); - overflow-wrap: break-word; -} - -.page__aside { - grid-area: aside; - color: var(--off-fg); -} - -/* Footer */ -.page__footer { - grid-area: footer; -} |