From 6aa2828c19e0e4c166737f512f0736f725bca7da Mon Sep 17 00:00:00 2001 From: xaoxuu Date: Fri, 9 Jul 2021 21:18:14 +0800 Subject: [PATCH] css --- source/css/_custom.styl | 1 + source/css/_layout/partial/navbar.styl | 11 +++++++++-- source/css/_layout/sidebar/sidebar.styl | 2 +- source/css/_layout/tag-plugins/link.styl | 4 ---- source/css/_layout/tag-plugins/tabs.styl | 6 ++---- 5 files changed, 13 insertions(+), 11 deletions(-) diff --git a/source/css/_custom.styl b/source/css/_custom.styl index d066f0d..56f2b55 100644 --- a/source/css/_custom.styl +++ b/source/css/_custom.styl @@ -82,3 +82,4 @@ $border-block = 4px $boxshadow-card = 0 1px 2px 0px rgba(0, 0, 0, 0.1) $boxshadow-float = 0 4px 8px 0px rgba(0, 0, 0, 0.1) $boxshadow-card-float = 0 2px 4px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 8px 16px 0px rgba(0, 0, 0, 0.1) +$boxshadow-button = 0 0 2px 0px rgba(0, 0, 0, 0.04), 0 0 8px 0px rgba(0, 0, 0, 0.04) diff --git a/source/css/_layout/partial/navbar.styl b/source/css/_layout/partial/navbar.styl index b8bb97a..b840cdc 100644 --- a/source/css/_layout/partial/navbar.styl +++ b/source/css/_layout/partial/navbar.styl @@ -21,10 +21,11 @@ nav.cap display: flex overflow: scroll visible scrollbar(0, 0) + padding-left: .25rem >p margin: 0 a - padding: .25rem 1rem + padding: .25rem .75rem margin: 10px 0 8px 0 line-height: 2 color: var(--text-p3) @@ -44,10 +45,16 @@ nav.cap background: var(--block-hover) &.active, &:hover color: var(--text-p1) + &.active + background: var(--card) + box-shadow: $boxshadow-button + cursor: pointer + pointer-events: none &.active:after background: $color-theme border-radius: 2px - + a+a + margin-left: 4px @media screen and (max-width: $device-tablet) .nav-wrap diff --git a/source/css/_layout/sidebar/sidebar.styl b/source/css/_layout/sidebar/sidebar.styl index 5e4796d..96b9eae 100644 --- a/source/css/_layout/sidebar/sidebar.styl +++ b/source/css/_layout/sidebar/sidebar.styl @@ -125,7 +125,7 @@ nav.menu &.active, &:hover color: var(--text-p1) background: var(--card) - box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.04), 0 0 8px 0px rgba(0, 0, 0, 0.04) + box-shadow: $boxshadow-button .l_left .menu a.nav-item flex-grow: 1 diff --git a/source/css/_layout/tag-plugins/link.styl b/source/css/_layout/tag-plugins/link.styl index e1b466d..a9a29d5 100644 --- a/source/css/_layout/tag-plugins/link.styl +++ b/source/css/_layout/tag-plugins/link.styl @@ -47,7 +47,3 @@ span.url flex-shrink: 0 color: var(--text-p3) - -.tag-plugin.folding,.tag-plugin.tabs - .tag-plugin.link .link-card - background: var(--block) diff --git a/source/css/_layout/tag-plugins/tabs.styl b/source/css/_layout/tag-plugins/tabs.styl index 6cbdd53..a3fa8aa 100644 --- a/source/css/_layout/tag-plugins/tabs.styl +++ b/source/css/_layout/tag-plugins/tabs.styl @@ -1,5 +1,3 @@ -$tbr = $border-block - .tag-plugin.tabs position: relative margin-top: 1rem @@ -36,7 +34,7 @@ $tbr = $border-block padding: .25rem .75rem font-size: $fs-13 line-height: inherit - font-weight: 700 + font-weight: 500 color: var(--text-p3) border-radius: 4px position: relative @@ -50,7 +48,7 @@ $tbr = $border-block cursor: default color: var(--text-p1) background: var(--card) - box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.04), 0 0 8px 0px rgba(0, 0, 0, 0.04) + box-shadow: $boxshadow-button &:after content: '' z-index: 1