github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-18 18:33:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize reward button style

Browse Source
This commit is contained in:
Mimi 2020-05-07 11:38:31 +08:00
parent 00c64cce89
commit e61c28d009
1 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
source/css/_common/components/post/post-reward.styl
View File

@ -5,18 +5,21 @@
width: 90%;
button {
background: $red;
border: 0;
border-radius: 5px;
color: white;
background: transparent;
border: 2px solid $sidebar-highlight;
border-radius: 2px;
color: $sidebar-highlight;
cursor: pointer;
line-height: 2;
outline: 0;
padding: 0 15px;
vertical-align: text-top;
the-transition();
&:hover {
background: lighten($red, 20%);
background: $sidebar-highlight;
border: 2px solid transparent;
color: white;
}
}
}
@ -24,10 +27,6 @@
#qr {
padding-top: 20px;
a {
border: 0;
}
img {
display: inline-block;
margin: .8em 2em 0 2em;
@ -35,12 +34,8 @@
width: 180px;
}
p {
text-align: center;
}
if (hexo-config('reward_settings.animation')) {
> div:hover p {
div:hover p {
animation: roll .1s infinite linear;
}