You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
989 B
61 lines
989 B
9 months ago
|
#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)
|