hexo-theme-stellar/source/css/_layout/sidebar/sidebar.styl

42 lines
967 B
Stylus

.l_left
margin: 8px
height: 'calc(%s - 16px)' % 100vh
border-radius: $border-card
overflow: hidden
.header
margin: var(--gap-l) var(--gap-l) 0
margin-top: "calc(2 * %s)" % var(--gap-l)
@media screen and (min-width: $device-mobile-max)
>.widgets:first-child>.widget-wrapper:first-child
margin-top: "calc(2 * %s)" % var(--gap-l)
.l_left
.sidebar-bg
position absolute
width: 100%
height: 100%
object-fit: cover
background: var(--text-meta)
.sidebar-container
height: 100%
--blur-px: 50px
display: flex
flex-direction: column
word-break: break-all
text-align: justify
.l_left .widgets .widget-wrapper.logo-wrap.wiki .widget-body
display: flex
margin-bottom: 1.5rem
flex-direction: column
align-items: flex-start
a.wiki-home
margin-bottom: 0.5rem
color: var(--text-p1)
svg
margin-right: 2px
&:hover
color: $color-hover
filter: unset !important