hexo-theme-butterfly/source/css/_page/common.styl
Jerry 3708fdf569 breaking changes: 移除 html 的 font-size 改為瀏覽器默認大小
feat: 為文章單獨設置 TOC simple_style 顯示 closed #631
feat: page 頁頂部圖增加黑色遮罩 closed #671
feat: 首頁 pagination 更新 UI
fix: 修復使用本地搜索時,搜索插件配置為不搜索文章內容會無法使用搜索 的 bug
fix: 修復開啟 photofigcaption 後,導致inlineImg標籤外掛顯示錯亂的 bug
fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug
improvement: 主題 css 使用的 rem 改為 em 或 px
improvement: 修改没有顶部图下,文章页的标题大小 closed #669
improvement: 代碼優化
2021-09-20 17:55:20 +08:00

59 lines
957 B
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: 1500px
& > div:first-child:not(.recent-posts)
@extend .cardHover
align-self: flex-start
padding: 50px 40px
+maxWidth768()
padding: 36px 14px
& > div:first-child
width: 75%
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
transform: translateZ(0)