hexo-theme-keep/source/css/layout/_partial/comment/valine.styl

130 lines
2.2 KiB
Stylus
Raw Permalink Normal View History

.valine-container {
#vcomments {
2020-04-03 23:52:46 +08:00
.vwrap {
2022-10-14 17:56:32 +08:00
border 0.1rem solid var(--text-color-4)
2020-04-03 23:52:46 +08:00
.vheader {
.vinput {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
border-color var(--text-color-4)
2020-04-03 23:52:46 +08:00
&:focus {
border-bottom 0.1rem dashed var(--primary-color) !important
2020-04-03 23:52:46 +08:00
}
}
}
2020-04-03 23:52:46 +08:00
.vedit {
.veditor {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
2020-04-03 23:52:46 +08:00
}
.vctrl {
2020-04-29 18:41:29 +08:00
.vicon {
2022-10-14 17:56:32 +08:00
fill var(--text-color-3)
&.actived {
fill var(--primary-color)
}
2020-04-03 23:52:46 +08:00
}
}
}
2021-01-06 12:06:07 +08:00
button.vsubmit {
2022-10-14 17:56:32 +08:00
color var(--text-color-3) !important
background transparent !important
2022-10-14 17:56:32 +08:00
border 0.1rem solid var(--text-color-3) !important
&:hover {
color var(--primary-color) !important
border 0.1rem solid var(--primary-color) !important
}
}
}
2020-04-03 23:52:46 +08:00
.vcount {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
2020-04-03 23:52:46 +08:00
.vnum {
2022-10-14 17:56:32 +08:00
color var(--text-color-2)
2020-04-03 23:52:46 +08:00
}
}
2021-01-06 12:06:07 +08:00
.vcard {
2020-04-29 18:41:29 +08:00
2021-01-15 16:57:20 +08:00
.vnick {
.author {
margin-left 0.15rem
padding 0.15rem
color #fff
font-weight 450
font-size 0.9rem
background -webkit-linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5)
background linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5)
border-radius 0.15rem
}
}
.vhead {
.vnick {
color var(--primary-color)
}
2020-04-03 23:52:46 +08:00
.vsys {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
background var(--background-color-2) !important
2020-04-03 23:52:46 +08:00
}
}
2020-04-03 23:52:46 +08:00
2020-04-29 18:41:29 +08:00
.vcontent {
P {
2022-10-14 17:56:32 +08:00
color var(--text-color-3)
code {
color var(--code-foreground)
background var(--code-background)
}
}
}
2020-04-29 18:41:29 +08:00
2021-01-06 12:06:07 +08:00
2020-04-29 18:41:29 +08:00
.vh {
border-bottom-color var(--border-color)
2020-04-29 18:41:29 +08:00
}
.vquote {
border-left-color var(--border-color)
}
}
2020-04-03 23:52:46 +08:00
.vcopy {
2022-10-14 17:56:32 +08:00
color var(--text-color-4)
}
2020-04-03 23:52:46 +08:00
2021-01-06 12:06:07 +08:00
.vpage {
.vmore {
2022-10-14 17:56:32 +08:00
color var(--text-color-2)
border 0.1rem solid var(--border-color)
2021-01-06 12:06:07 +08:00
}
}
}
}