From 0be24ce6164b584e9efbfbe46380ae232f217024 Mon Sep 17 00:00:00 2001 From: xaoxuu Date: Sat, 29 Oct 2022 19:21:33 +0800 Subject: [PATCH] css --- source/css/_layout/main.styl | 2 +- source/css/_layout/partial/navbar.styl | 2 +- source/css/_layout/sidebar/sidebar.styl | 16 ++++++++-------- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/source/css/_layout/main.styl b/source/css/_layout/main.styl index 75eacdf..eee7f13 100644 --- a/source/css/_layout/main.styl +++ b/source/css/_layout/main.styl @@ -5,7 +5,7 @@ margin-left: "calc(2 * %s)" % var(--gap-l) margin-right: "calc(2 * %s + %s / 2)" % (var(--gap-l) var(--width-left)) @media screen and (min-width: $device-mobile-max) - padding-top: "calc(2 * %s)" % var(--gap-l) + padding-top: "calc(1 * %s)" % var(--gap-l) header margin: 4rem 1rem 2rem .logo-wrap diff --git a/source/css/_layout/partial/navbar.styl b/source/css/_layout/partial/navbar.styl index 5296716..9f0202f 100644 --- a/source/css/_layout/partial/navbar.styl +++ b/source/css/_layout/partial/navbar.styl @@ -1,7 +1,7 @@ .nav-wrap position: sticky position: -webkit-sticky - margin-top: 1.75rem + margin-top: .75rem top: -2px background: var(--site-bg) padding: 0 1rem diff --git a/source/css/_layout/sidebar/sidebar.styl b/source/css/_layout/sidebar/sidebar.styl index b0eedb5..7d82508 100644 --- a/source/css/_layout/sidebar/sidebar.styl +++ b/source/css/_layout/sidebar/sidebar.styl @@ -3,18 +3,18 @@ flex-direction: column word-break: break-all text-align: justify - padding: var(--gap-l) 0 - padding-top: "calc(2 * %s)" % var(--gap-l) - height: "calc(100vh - 3 * %s)" % var(--gap-l) - @media screen and (max-width: $device-mobile-max) - padding-top: "calc(1 * %s)" % var(--gap-l) - height: "calc(100% - 2 * %s)" % var(--gap-l) + height: "calc(100vh - 1 * %s)" % var(--gap-l) .header - margin: 0 var(--gap-l) + margin: var(--gap-l) var(--gap-l) 0 + >.widgets:first-child>.widget-wrap:first-child + margin-top: "calc(2 * %s)" % var(--gap-l) + @media screen and (max-width: $device-mobile-max) + height: "calc(100% - 2 * %s)" % var(--gap-l) + .l_left[layout=wiki] padding-bottom: 0 - height: "calc(100vh - 2 * %s)" % var(--gap-l) + height: 100vh @media screen and (max-width: $device-mobile-max) height: "calc(100% - 1 * %s)" % var(--gap-l) .widgets >:last-child