lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: optimize Gitalk comment plugin style

This commit is contained in:
XPoet 2021-01-25 11:26:47 +08:00
parent b7a0645751
commit b1e56c181e
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
source/css/layout/_partial/comment/gitalk.styl
View File

@ -4,11 +4,9 @@ $gt-color-sub := #a1a1a1
$gt-color-loader := #999999 $gt-color-loader := #999999
$gt-color-error := #ff3860 $gt-color-error := #ff3860
$gt-color-hr := #E9E9E9 $gt-color-hr := #E9E9E9
$gt-color-input-border := rgba(0,0,0,0.1)
$gt-color-comment-txt := #333333 $gt-color-comment-txt := #333333
$gt-color-link-active := #333333 $gt-color-link-active := #333333
$gt-color-btn := #ffffff $gt-color-btn := #ffffff
$gt-color-popbg := #ffffff
$gt-size-base := 16px // default font-size $gt-size-base := 16px // default font-size
$gt-size-border-radius := 5px $gt-size-border-radius := 5px
$gt-breakpoint-mobile := 479px $gt-breakpoint-mobile := 479px
@ -219,6 +217,7 @@ $gt-size-avatar-mobi := em(32px)
.gt-counts .gt-counts
margin: 0 em(10px) 0 0 margin: 0 em(10px) 0 0
color: var(--default-text-color)
.gt-user .gt-user
float: right float: right
@ -232,10 +231,13 @@ $gt-size-avatar-mobi := em(32px)
&-inner &-inner
display: inline-block display: inline-block
cursor: pointer cursor: pointer
.gt-user-name
color: var(--default-text-color)
.gt-ico .gt-ico
margin: 0 0 0 em(5px) margin: 0 0 0 em(5px)
svg svg
fill: inherit fill: var(--default-text-color)
.is--poping .is--poping
.gt-ico .gt-ico
svg svg
@ -247,7 +249,7 @@ $gt-size-avatar-mobi := em(32px)
.gt-copyright .gt-copyright
margin: 0 em(15px) em(8px) margin: 0 em(15px) em(8px)
border-top: 1px solid $gt-color-hr border-top: 1px solid var(--border-color)
padding-top: em(8px) padding-top: em(8px)
/* popup */ /* popup */
@ -255,9 +257,9 @@ $gt-size-avatar-mobi := em(32px)
position: absolute position: absolute
right: 0 right: 0
top: em(38px) top: em(38px)
background: $gt-color-popbg background: var(--background-color)
display: inline-block display: inline-block
border: 1px solid $gt-color-hr border: 1px solid var(--border-color)
padding: em(10px) 0 padding: em(10px) 0
font-size: em(14px) font-size: em(14px)
letter-spacing: .5px letter-spacing: .5px