This commit is contained in:
xaoxuu 2021-07-09 21:18:14 +08:00
parent aa93ffd833
commit 6aa2828c19
5 changed files with 13 additions and 11 deletions

View File

@ -82,3 +82,4 @@ $border-block = 4px
$boxshadow-card = 0 1px 2px 0px rgba(0, 0, 0, 0.1) $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-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-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)

View File

@ -21,10 +21,11 @@ nav.cap
display: flex display: flex
overflow: scroll visible overflow: scroll visible
scrollbar(0, 0) scrollbar(0, 0)
padding-left: .25rem
>p >p
margin: 0 margin: 0
a a
padding: .25rem 1rem padding: .25rem .75rem
margin: 10px 0 8px 0 margin: 10px 0 8px 0
line-height: 2 line-height: 2
color: var(--text-p3) color: var(--text-p3)
@ -44,10 +45,16 @@ nav.cap
background: var(--block-hover) background: var(--block-hover)
&.active, &:hover &.active, &:hover
color: var(--text-p1) color: var(--text-p1)
&.active
background: var(--card)
box-shadow: $boxshadow-button
cursor: pointer
pointer-events: none
&.active:after &.active:after
background: $color-theme background: $color-theme
border-radius: 2px border-radius: 2px
a+a
margin-left: 4px
@media screen and (max-width: $device-tablet) @media screen and (max-width: $device-tablet)
.nav-wrap .nav-wrap

View File

@ -125,7 +125,7 @@ nav.menu
&.active, &:hover &.active, &:hover
color: var(--text-p1) color: var(--text-p1)
background: var(--card) 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 .l_left .menu a.nav-item
flex-grow: 1 flex-grow: 1

View File

@ -47,7 +47,3 @@
span.url span.url
flex-shrink: 0 flex-shrink: 0
color: var(--text-p3) color: var(--text-p3)
.tag-plugin.folding,.tag-plugin.tabs
.tag-plugin.link .link-card
background: var(--block)

View File

@ -1,5 +1,3 @@
$tbr = $border-block
.tag-plugin.tabs .tag-plugin.tabs
position: relative position: relative
margin-top: 1rem margin-top: 1rem
@ -36,7 +34,7 @@ $tbr = $border-block
padding: .25rem .75rem padding: .25rem .75rem
font-size: $fs-13 font-size: $fs-13
line-height: inherit line-height: inherit
font-weight: 700 font-weight: 500
color: var(--text-p3) color: var(--text-p3)
border-radius: 4px border-radius: 4px
position: relative position: relative
@ -50,7 +48,7 @@ $tbr = $border-block
cursor: default cursor: default
color: var(--text-p1) color: var(--text-p1)
background: var(--card) 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 &:after
content: '' content: ''
z-index: 1 z-index: 1