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.
60 lines
989 B
60 lines
989 B
#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)
|
|
|