158 lines
2.5 KiB
Sass
158 lines
2.5 KiB
Sass
@import '_colors.sass'
|
|
|
|
body:not(.theme),
|
|
body.theme-light,
|
|
body.theme-dark,
|
|
body.theme-black
|
|
.btn-comment-collapse
|
|
color: $cyan
|
|
border-color: $cyan
|
|
background: transparent
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $background
|
|
border-color: $pink
|
|
background: $pink
|
|
|
|
.comment
|
|
border-color: $background
|
|
|
|
&:target > .comment-itself
|
|
border-left: 3px solid $green !important
|
|
|
|
.comment-itself
|
|
header
|
|
background-color: $background
|
|
|
|
.comment-nav-link
|
|
color: $cyan
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $pink
|
|
|
|
&:visited
|
|
color: $cyan
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $pink
|
|
|
|
.comment-user-info
|
|
color: $yellow
|
|
|
|
.time-responsive-full
|
|
color: $foreground
|
|
|
|
.comment-exemplary-reasons
|
|
background-color: $background
|
|
padding: 5px
|
|
|
|
&[open]
|
|
border-bottom: 1px solid $cyan
|
|
|
|
ul
|
|
margin-left: 1.3rem
|
|
margin-bottom: 0
|
|
|
|
.comment-votes
|
|
color: $foreground
|
|
|
|
.comment[data-comment-depth='0']
|
|
border-color: $background
|
|
|
|
.is-comment-collapsed header .link-user
|
|
color: $green
|
|
|
|
.label-comment-exemplary
|
|
color: $background
|
|
border-color: $cyan
|
|
background-color: $cyan
|
|
|
|
.btn-post
|
|
padding: 0
|
|
|
|
.btn-post-action
|
|
color: $cyan
|
|
padding: 6px 8px
|
|
margin: 6px
|
|
margin-bottom: 0px
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $pink
|
|
text-decoration: none
|
|
|
|
.btn-post-action-used
|
|
color: $pink
|
|
text-decoration: underline
|
|
|
|
&:hover,
|
|
&:active,
|
|
&:focus
|
|
color: $cyan
|
|
text-decoration: underline
|
|
|
|
.btn-comment-label-exemplary
|
|
color: $cyan
|
|
border-color: $cyan
|
|
|
|
&:hover
|
|
color: $cyan
|
|
|
|
&.btn-used:hover
|
|
color: $background
|
|
background-color: $cyan
|
|
|
|
.btn-comment-label-offtopic
|
|
color: $green
|
|
border-color: $green
|
|
|
|
&:hover
|
|
color: $green
|
|
|
|
&.btn-used:hover
|
|
color: $background
|
|
background-color: $green
|
|
|
|
.btn-comment-label-joke
|
|
color: $yellow
|
|
border-color: $yellow
|
|
|
|
&:hover
|
|
color: $yellow
|
|
|
|
&.btn-used:hover
|
|
color: $background
|
|
background-color: $yellow
|
|
|
|
.btn-comment-label-noise
|
|
color: $orange
|
|
border-color: $orange
|
|
|
|
&:hover
|
|
color: $orange
|
|
|
|
&.btn-used:hover
|
|
color: $background
|
|
background-color: $orange
|
|
|
|
.btn-comment-label-malice
|
|
color: $red
|
|
border-color: $red
|
|
|
|
&:hover
|
|
color: $red
|
|
|
|
&.btn-used:hover
|
|
color: $background
|
|
background-color: $red
|
|
|
|
.btn-comment-label.btn-used
|
|
border: none
|