diff options
| author | root@localhost <root@localhost> | 2023-07-21 15:11:07 +0000 |
|---|---|---|
| committer | root@localhost <root@localhost> | 2023-07-21 15:11:07 +0000 |
| commit | 31193bf3d838a9ba13aaa131cf0172a6cee97173 (patch) | |
| tree | 510359b1c21a3f22097950f2e4be33477ae52ae3 /public/css/layout.css | |
| parent | ed6368d67748df59702de1f75706d48f81c99eaa (diff) | |
removed public dir
Diffstat (limited to 'public/css/layout.css')
| -rw-r--r-- | public/css/layout.css | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/public/css/layout.css b/public/css/layout.css deleted file mode 100644 index d249166..0000000 --- a/public/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; -} |
