hexo-theme-stellar/source/css/_components/main.styl

32 lines
873 B
Stylus

.l_main
position: relative
padding-bottom: var(--gap-max)
@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'))