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

37 lines
1.1 KiB
Stylus
Raw Normal View History

2021-02-19 23:33:19 +08:00
.l_main
position: relative
2021-03-05 21:37:28 +08:00
padding-bottom: "calc(1 * %s)" % var(--gap-l)
2022-08-28 20:06:58 +08:00
@media screen and (min-width: 1400px)
2021-04-02 20:24:16 +08:00
margin-left: "calc(2 * %s)" % var(--gap-l)
2022-10-09 13:42:03 +08:00
margin-right: "calc(2 * %s + %s / 2)" % (var(--gap-l) var(--width-left))
2022-10-13 13:57:57 +08:00
@media screen and (min-width: $device-mobile-max)
2024-01-17 00:27:48 +08:00
padding-top: 8px
2022-11-19 17:42:35 +08:00
@media screen and (max-width: $device-mobile-max)
padding-top: 1rem
2021-02-19 23:33:19 +08:00
header
2022-11-19 17:42:35 +08:00
margin: 2rem 1rem 1rem
2021-08-19 23:13:05 +08:00
.logo-wrap
margin: 0
2024-01-04 22:50:57 +08:00
2024-01-17 14:07:30 +08:00
.l_body.index
.l_main
@media screen and (max-width: $device-mobile-max)
2024-01-25 22:50:17 +08:00
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'))