35 lines
1.0 KiB
Stylus
35 lines
1.0 KiB
Stylus
.l_main
|
|
position: relative
|
|
padding-bottom: "calc(1 * %s)" % var(--gap-l)
|
|
@media screen and (min-width: 1400px)
|
|
margin-left: "calc(2 * %s)" % var(--gap-l)
|
|
margin-right: "calc(2 * %s + %s / 2)" % (var(--gap-l) var(--width-left))
|
|
@media screen and (min-width: $device-mobile-max)
|
|
padding-top: 8px
|
|
header
|
|
margin: 2rem 1rem 1rem
|
|
.logo-wrap
|
|
margin: 0
|
|
|
|
.l_body.index
|
|
.l_main
|
|
@media screen and (max-width: $device-mobile-max)
|
|
padding-top: 0
|
|
|
|
body>.sitebg
|
|
position fixed
|
|
top: 0
|
|
left: 0
|
|
right: 0
|
|
bottom: 0
|
|
background-size: cover
|
|
if hexo-config('style.site') && hexo-config('style.site.background-image')
|
|
background-image: convert(hexo-config('style.site.background-image'))
|
|
.siteblur
|
|
width: 100%
|
|
height: 100%
|
|
blur-effect()
|
|
if hexo-config('style.site') && hexo-config('style.site.blur-px')
|
|
--blur-px: convert(hexo-config('style.site.blur-px'))
|
|
if hexo-config('style.site') && hexo-config('style.site.blur-bg')
|
|
--blur-bg: convert(hexo-config('style.site.blur-bg')) |