mirror of https://github.com/jkjoy/sunpeiwen.git
61 lines
1.0 KiB
Stylus
61 lines
1.0 KiB
Stylus
#body-wrap
|
|
display: flex
|
|
flex-direction: column
|
|
min-height: 100vh
|
|
|
|
.layout
|
|
display: flex
|
|
flex: 1 auto
|
|
margin: 0 auto
|
|
padding: 40px 15px
|
|
max-width: 1200px
|
|
width: 100%
|
|
|
|
+maxWidth900()
|
|
flex-direction: column
|
|
|
|
+maxWidth768()
|
|
padding: 20px 5px
|
|
|
|
+minWidth2000()
|
|
max-width: 70%
|
|
|
|
& > div:first-child:not(.recent-posts)
|
|
@extend .cardHover
|
|
align-self: flex-start
|
|
padding: 50px 40px
|
|
|
|
+maxWidth768()
|
|
padding: 36px 14px
|
|
|
|
& > div:first-child
|
|
width: 74%
|
|
transition: all .3s
|
|
|
|
+maxWidth900()
|
|
width: 100% !important
|
|
|
|
if hexo-config('aside.position') == 'left'
|
|
+minWidth900()
|
|
order: 2
|
|
|
|
// 隱藏aside
|
|
&.hide-aside
|
|
max-width: 1000px
|
|
|
|
+minWidth2000()
|
|
max-width: 1300px
|
|
|
|
& > div
|
|
width: 100% !important
|
|
|
|
// for apple device
|
|
.apple
|
|
#page-header.full_page
|
|
background-attachment: scroll !important
|
|
|
|
.recent-post-item,
|
|
.avatar-img,
|
|
.flink-item-icon
|
|
transform: translateZ(0)
|