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-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)
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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)
|
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue