From 4fb5fb96bbb8c31ff19d6bb0d2bdd31f82765d3a Mon Sep 17 00:00:00 2001 From: Fuwn Date: Sun, 3 Sep 2023 22:22:50 -0700 Subject: revert: "feat(html): local css" This reverts commit 5bce83d700be142feecb743b51169b6b8ac8e61c. --- static/css/layout.css | 57 --------------------------------------------------- 1 file changed, 57 deletions(-) delete mode 100644 static/css/layout.css (limited to 'static/css/layout.css') 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; -} -- cgit v1.2.3