2021-03-05 21:37:28 +08:00
|
|
|
.l_left
|
2024-02-01 12:44:47 +08:00
|
|
|
margin: 8px 8px 8px 0
|
2024-01-17 00:27:48 +08:00
|
|
|
height: 'calc(%s - 16px)' % 100vh
|
|
|
|
|
border-radius: $border-card
|
|
|
|
|
overflow: hidden
|
2022-10-29 19:21:33 +08:00
|
|
|
.header
|
|
|
|
|
margin: var(--gap-l) var(--gap-l) 0
|
2022-11-19 17:42:35 +08:00
|
|
|
margin-top: "calc(2 * %s)" % var(--gap-l)
|
2022-10-29 20:04:08 +08:00
|
|
|
@media screen and (min-width: $device-mobile-max)
|
2022-11-23 21:54:21 +08:00
|
|
|
>.widgets:first-child>.widget-wrapper:first-child
|
2022-10-29 20:04:08 +08:00
|
|
|
margin-top: "calc(2 * %s)" % var(--gap-l)
|
2022-10-29 19:21:33 +08:00
|
|
|
|
2024-01-18 22:11:58 +08:00
|
|
|
.l_left
|
|
|
|
|
background-size: cover
|
2024-01-25 22:50:17 +08:00
|
|
|
if hexo-config('style.sidebar') && hexo-config('style.sidebar.background-image')
|
|
|
|
|
background-image: convert(hexo-config('style.sidebar.background-image'))
|
|
|
|
|
else if hexo-config('style.sidebar') && hexo-config('style.sidebar.background')
|
|
|
|
|
background: convert(hexo-config('style.sidebar.background'))
|
2024-01-17 00:27:48 +08:00
|
|
|
.sidebar-container
|
|
|
|
|
height: 100%
|
2024-01-18 22:11:58 +08:00
|
|
|
display: flex
|
|
|
|
|
flex-direction: column
|
|
|
|
|
word-break: break-all
|
|
|
|
|
text-align: justify
|
2024-01-25 22:50:17 +08:00
|
|
|
if hexo-config('style.sidebar') && hexo-config('style.sidebar.blur-px')
|
|
|
|
|
--blur-px: convert(hexo-config('style.sidebar.blur-px'))
|
|
|
|
|
@supports ((-webkit-backdrop-filter:blur(var(--blur-px))) or (backdrop-filter:blur(var(--blur-px))))
|
|
|
|
|
background: var(--blur-bg)
|
|
|
|
|
backdrop-filter: saturate(240%) blur(var(--blur-px))
|
|
|
|
|
-webkit-backdrop-filter: saturate(240%) blur(var(--blur-px))
|
|
|
|
|
if hexo-config('style.sidebar') && hexo-config('style.sidebar.blur-bg')
|
|
|
|
|
--blur-bg: convert(hexo-config('style.sidebar.blur-bg'))
|
