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 | f2b8c53bb441c1ed455c0aa45b4e29305323a11f (patch) | |
| tree | 18ff6b3022e83021dd893c9bdfdfdeaa87d5ab76 /assets/css/utils | |
| parent | 9088049e3296ac1760d28bb5d68402d985988b8b (diff) | |
| parent | 565bb73eaa8c858211892044032343ce67933072 (diff) | |
Merge branch 'master' of https://github.com/BigCoke233/geek-death-project
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 { |