mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 20:30:53 +08:00
3708fdf569
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: 代碼優化
55 lines
1014 B
Stylus
55 lines
1014 B
Stylus
.relatedPosts
|
|
margin-top: 40px
|
|
|
|
& > .headline
|
|
margin-bottom: 5px
|
|
font-weight: 700
|
|
font-size: 1.43em
|
|
|
|
& > .relatedPosts-list
|
|
& > div
|
|
position: relative
|
|
display: inline-block
|
|
overflow: hidden
|
|
margin: 3px
|
|
width: calc(33.333% - 6px)
|
|
height: 200px
|
|
background: $dark-black
|
|
vertical-align: bottom
|
|
|
|
&:hover
|
|
.cover
|
|
opacity: .8
|
|
transform: scale(1.1)
|
|
|
|
+maxWidth768()
|
|
margin: 2px
|
|
width: calc(50% - 4px)
|
|
height: 150px
|
|
|
|
+maxWidth600()
|
|
width: calc(100% - 4px)
|
|
|
|
.cover
|
|
width: 100%
|
|
height: 100%
|
|
opacity: .4
|
|
transition: all .6s
|
|
object-fit: cover
|
|
|
|
.content
|
|
position: absolute
|
|
top: 50%
|
|
padding: 0 20px
|
|
width: 100%
|
|
transform: translate(0, -50%)
|
|
|
|
.date
|
|
color: var(--light-grey)
|
|
font-size: 90%
|
|
|
|
.title
|
|
@extend .limit-more-line
|
|
color: var(--white)
|
|
-webkit-line-clamp: 2
|