xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

宽屏适配

This commit is contained in:
xaoxuu 2021-12-12 20:13:38 +08:00
parent 150cac9bb1
commit 843c295333
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/css/_layout/main.styl
View File

@ -1,9 +1,9 @@
.l_main .l_main
position: relative position: relative
padding-bottom: "calc(1 * %s)" % var(--gap-l) padding-bottom: "calc(1 * %s)" % var(--gap-l)
@media screen and (min-width: 1200px) @media screen and (min-width: 1280px)
margin-left: "calc(2 * %s)" % var(--gap-l) margin-left: "calc(2 * %s)" % var(--gap-l)
margin-right: "calc(0.75 * %s)" % var(--width-left) margin-right: "calc(2 * %s + %s)" % (var(--gap-l) var(--width-left))
@media screen and (min-width: $device-tablet) @media screen and (min-width: $device-tablet)
padding-top: "calc(2 * %s)" % var(--gap-l) padding-top: "calc(2 * %s)" % var(--gap-l)
header header

20
source/css/_layout/partial/cover.styl
View File

@ -31,16 +31,30 @@
.l_cover.post .l_cover.post
.cover .cover
width: 100%
height: 35vh
z-index: -1 z-index: -1
width: 100%
height: 30vh
max-width: $device-2k
min-height: 150px
max-height: 400px
@media screen and (max-width: $device-tablet)
height: 25vh
@media screen and (max-width: $device-mobile)
height: 20vh
@media screen and (min-width: $device-2k)
margin-top: 4rem
.img
border-radius: 2rem
.l_cover.post .cover-wrap .l_cover.post .cover-wrap
z-index: 1 z-index: 1
.article-title .article-title
text-align: center text-align: center
padding: 1rem padding: 1rem
margin: 1em 0 margin: 1em 0 0 0
@media screen and (min-width: $device-2k)
font-size: 3rem
.l_cover.wiki .cover-wrap .l_cover.wiki .cover-wrap