hexo-theme-volantis
Version:
Elegant and powerful theme for Hexo.
111 lines (110 loc) • 2.56 kB
text/stylus
div#rightmenu-wrapper
display: none
position:fixed
z-index: 2147483648
disable-user-select()
ul.list-v.rightmenu
display: block
max-width: 240px
overflow: hidden
&.left
right: 0
&.top
bottom: 0
$cellH = 32px
a
cursor: default
a.vlts-menu
text-overflow: ellipsis
overflow: hidden
line-height: $cellH
font-weight: normal
>li>span
trans()
display: block
color: var(--color-list)
font-size: $fontsize-meta
// font-weight: bold
line-height: 36px
@media screen and (max-width: $device-laptop)
line-height: 40px
padding: 0 $gap + $border-line + 2px 0 $gap
text-overflow: ellipsis
margin: 0 4px
border-radius: 4px
>i
margin-right: 8px
&:active,&.active
list_active()
&:hover
list_hover()
li.navigation, li.music
display: flex
justify-content: space-between
a.icon-only
line-height: 0
margin: 0
padding: 0
border-radius: $cellH
overflow: hidden
width: $cellH
height: $cellH
a.nav
i
margin: 0
width: $cellH
line-height: $cellH
&:first-child
margin-left: 2px + $gap * 0.5
&:last-child
margin-right: 2px + $gap * 0.5
li.music
&.name
display: flex
flex-direction: column
align-items: center
p.nav.music-title
color: mix($color-text, $color-card, 80)
font-size: $fontsize-meta
max-width: 128px
margin: 0 4px + $gap
overflow: hidden
&:hover
background: none
.nav.volume
width: 100%
padding: 0 $gap * 0.5
&:hover
background: transparent
.aplayer-volume-bar
margin: $gap * 0.25 0 $gap * 0.5
position: relative
height: 8px
width: 100%
background: mix($color-block, $color-text, 95)
border-radius: $cellH
overflow: hidden
cursor: pointer
i.left, i.right
color: mix($color-text, $color-card, 80)
position: absolute
top: 0
width: $cellH - 4px
line-height: $cellH - 4px
trans()
opacity: 0
transform: scale(0.5) translateY(-0.5 * $cellH - 2px)
i.left
left: 0
i.right
right: 0
trans()
&:hover
height: $cellH - 4px
i
opacity: 1
transform: scale(1) translateY(0)
.aplayer-volume
background: $color-theme
height: 100%
width: 100%