diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-29 13:41:03 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-29 13:41:03 +0800 |
| commit | 19154b3bfd99fdb8a69d148a19e72e3ad3fdbb48 (patch) | |
| tree | 35305ae11de25e4422ff5c1a8b958fcea1cef439 /assets/css/utils | |
| parent | c4215a32ca8d8b5b68428d1a82ec8407bb4c0715 (diff) | |
| parent | df8dad4b2df28ac7b51803a6d3826356da517071 (diff) | |
Merge branch 'master' of https://github.com/BigCoke233/geek-death-project
Former-commit-id: f2b8c53bb441c1ed455c0aa45b4e29305323a11f
Diffstat (limited to 'assets/css/utils')
| -rw-r--r-- | assets/css/utils/_utility.scss | 27 |
1 files changed, 18 insertions, 9 deletions
diff --git a/assets/css/utils/_utility.scss b/assets/css/utils/_utility.scss index a9907339..9b857fdb 100644 --- a/assets/css/utils/_utility.scss +++ b/assets/css/utils/_utility.scss @@ -29,22 +29,31 @@ figure { } .outbox { - display: flex; - justify-content: center; + display: flex; + justify-content: center; + width: 100%; - // Default width - width: var(--page-width); + @media screen and (min-width: 768px) { + width: calc(var(--page-width) + 10rem); + margin: 0 -5rem; + } - // Properly interpolate calc() in media queries + @media screen and (min-width: 1200px) { + width: calc(var(--page-width) + 20rem); + margin: 0 -10rem; + } + + &.small { @media screen and (min-width: 768px) { - width: calc(var(--page-width) + 5rem * 2); - margin: 0 -5rem; + width: calc(var(--page-width) + 4rem); + margin: 0 -2rem; } @media screen and (min-width: 1200px) { - width: calc(var(--page-width) + 10rem * 2); - margin: 0 -10rem; + width: calc(var(--page-width) + 10rem); + margin: 0 -5rem; } + } } .font-mono { |