You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
3.0 KiB
130 lines
3.0 KiB
.l_main |
|
#comments |
|
position: relative |
|
// padding-top: 1.5*$gap |
|
@media screen and (max-width: $device-mobile) |
|
// padding-top: $gap |
|
|
|
#valine_container |
|
img |
|
display: inline |
|
.vwrap |
|
border-radius: $border-card |
|
border-style: dashed |
|
border: 1px dashed alpha($color-text, 30%) |
|
trans() |
|
&:hover |
|
border: 1px dashed $color-theme |
|
|
|
.vheader |
|
.vinput |
|
border-radius: 0 |
|
border-bottom: 1px dashed alpha($color-text, 30%) |
|
&:hover |
|
border-bottom: 1px dashed $color-theme |
|
&:focus |
|
border-bottom: 1px solid $color-theme |
|
|
|
.vedit |
|
.vemojis,.vpreview |
|
justify-content: space-between |
|
background: $color-block |
|
border-radius: $border-codeblock |
|
i |
|
width: auto |
|
height: 36px |
|
padding: 0 |
|
margin: 8px 8px 0 8px |
|
#emoji |
|
height: 24px |
|
margin-top: 6px |
|
background: transparent |
|
.vedit .vctrl span |
|
padding: 0 |
|
margin: 10px |
|
|
|
button |
|
border: none |
|
padding: 9px 2rem 7px 2rem |
|
border-radius: $border-button |
|
background: darken($color-block, 2) |
|
color: $color-text |
|
trans() |
|
&:hover |
|
color: $color-hover |
|
background: bgcolor($color-hover) |
|
|
|
blockquote |
|
padding: $gap |
|
border-left: $border-line solid $color-blockquote |
|
trans() |
|
p |
|
text-align: left |
|
word-wrap: normal |
|
|
|
pre code |
|
border: none |
|
|
|
a, .vemoji-btn, .vpreview-btn |
|
color: $color-link |
|
trans() |
|
&:hover |
|
color: $color-hover |
|
|
|
div.info |
|
box-shadow: none |
|
div.info>div.power |
|
&,a |
|
font-size: $fontsize-footnote |
|
.vhead |
|
span |
|
&.vnick |
|
color: $color-meta |
|
cursor: default |
|
a |
|
&.vnick |
|
color: #ff9800 |
|
font-weight: bold |
|
&:hover |
|
color: $color-hover |
|
|
|
|
|
|
|
.vsys |
|
margin: 2px |
|
padding: 1px 8px |
|
background-color: alpha($color-text, .1) |
|
|
|
.vcard |
|
.vquote |
|
border-left: none |
|
.vh |
|
border-bottom: 1px dashed alpha($color-text, .1) |
|
.vcontent.expand |
|
&:before |
|
background: linear-gradient(180deg, alpha($color-card, .9), alpha($color-block, .9)); |
|
&:after |
|
background: alpha($color-block, .9) |
|
color: $color-text |
|
.vh:hover |
|
>.vmeta>.vat |
|
opacity: 1 |
|
.vmeta |
|
.vat |
|
font-weight: bold |
|
color: $color-link |
|
trans() |
|
opacity: 0 |
|
&:hover |
|
color: $color-hover |
|
text-decoration: underline |
|
|
|
.vinput |
|
color: $color-text |
|
p |
|
color: $color-text |
|
p |
|
#emoji |
|
display: inline |
|
max-height: 28px |
|
background: transparent
|
|
|