css
This commit is contained in:
parent
aa93ffd833
commit
6aa2828c19
|
@ -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)
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue