github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-20 19:02:33 +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%; width: 90%;
button { button {
background: $red; background: transparent;
border: 0; border: 2px solid $sidebar-highlight;
border-radius: 5px; border-radius: 2px;
color: white; color: $sidebar-highlight;
cursor: pointer; cursor: pointer;
line-height: 2; line-height: 2;
outline: 0; outline: 0;
padding: 0 15px; padding: 0 15px;
vertical-align: text-top; vertical-align: text-top;
the-transition();
&:hover { &:hover {
background: lighten($red, 20%); background: $sidebar-highlight;
border: 2px solid transparent;
color: white;
} }
} }
} }
@ -24,10 +27,6 @@
#qr { #qr {
padding-top: 20px; padding-top: 20px;
a {
border: 0;
}
img { img {
display: inline-block; display: inline-block;
margin: .8em 2em 0 2em; margin: .8em 2em 0 2em;
@ -35,12 +34,8 @@
width: 180px; width: 180px;
} }
p {
text-align: center;
}
if (hexo-config('reward_settings.animation')) { if (hexo-config('reward_settings.animation')) {
> div:hover p { div:hover p {
animation: roll .1s infinite linear; animation: roll .1s infinite linear;
} }