mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
72 lines
1.5 KiB
Stylus
72 lines
1.5 KiB
Stylus
.post-reward
|
|
position: relative
|
|
margin-top: 4rem
|
|
width: 100%
|
|
text-align: center
|
|
|
|
.reward-button
|
|
padding: .5rem 1.2rem
|
|
background: $light-blue
|
|
color: $button-color
|
|
transition: all .4s
|
|
|
|
&:hover
|
|
box-shadow: inset 9em 0 0 0 $theme-button-hover-color
|
|
|
|
.reward-main
|
|
display: block
|
|
|
|
.reward-main
|
|
position: absolute
|
|
bottom: 40px
|
|
left: 0
|
|
z-index: 100
|
|
display: none
|
|
padding: 0 0 15px
|
|
width: 100%
|
|
|
|
.reward-all
|
|
display: inline-block
|
|
margin: 0
|
|
padding: 1rem .5rem
|
|
border-radius: 4px
|
|
background: $reward-pop-up-bg
|
|
|
|
&: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 $reward-pop-up-bg
|
|
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
|
|
padding-top: .4rem
|
|
width: 130px
|
|
color: $reward-pop-up-color
|
|
text-align: center
|
|
word-break: break-all
|