mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-08 12:07:06 +08:00
b0951197a9
- 簡化 config.pug 中的高亮設置檢測邏輯 - 重構滾動條樣式，提取為可重用的 $scrollbar-style - 優化 JavaScript 代碼高亮邏輯，增加對默認高亮的支持 - 修復打賞彈窗的邊框圓角應用位置 - 改善代碼高亮工具的檢測和處理流程
82 lines
1.6 KiB
Stylus
82 lines
1.6 KiB
Stylus
.post-reward
|
|
position: relative
|
|
margin-top: 80px
|
|
width: 100%
|
|
text-align: center
|
|
pointer-events: none
|
|
|
|
& > *
|
|
pointer-events: auto
|
|
|
|
.reward-button
|
|
display: inline-block
|
|
padding: 4px 24px
|
|
background: var(--btn-bg)
|
|
color: var(--btn-color)
|
|
cursor: pointer
|
|
addBorderRadius()
|
|
@extend .btn-effects
|
|
@extend .btn-effects-large
|
|
|
|
i
|
|
margin-right: 5px
|
|
vertical-align: baseline
|
|
|
|
&:hover
|
|
.reward-button
|
|
background: var(--btn-hover-color)
|
|
|
|
& > .reward-main
|
|
display: block
|
|
|
|
.reward-main
|
|
position: absolute
|
|
bottom: 50px
|
|
left: 0
|
|
z-index: 100
|
|
display: none
|
|
padding: 0 0 15px
|
|
width: 100%
|
|
|
|
.reward-all
|
|
display: inline-block
|
|
margin: 0
|
|
padding: 20px 10px
|
|
background: var(--reward-pop)
|
|
addBorderRadius()
|
|
|
|
&:before
|
|
position: absolute
|
|
bottom: -10px
|
|
left: 0
|
|
width: 100%
|
|
height: 20px
|
|
content: ''
|
|
|
|
&:after
|
|
position: absolute
|
|
right: 0
|
|
bottom: 2px
|
|
left: 0
|
|
margin: 0 auto
|
|
width: 0
|
|
height: 0
|
|
border-top: 13px solid var(--reward-pop)
|
|
border-right: 13px solid transparent
|
|
border-left: 13px solid transparent
|
|
content: ''
|
|
|
|
.reward-item
|
|
display: inline-block
|
|
padding: 0 8px
|
|
list-style-type: none
|
|
vertical-align: top
|
|
|
|
img
|
|
width: 130px
|
|
height: 130px
|
|
|
|
.post-qr-code-desc
|
|
width: 130px
|
|
color: $reward-pop-up-color
|