1
Fork 0
userstyles/sass/tildes-dracula/_comments.sass

158 lines
2.5 KiB
Sass
Raw Normal View History

2018-06-15 12:41:58 +00:00
@import '_colors.sass'
2018-06-24 12:13:59 +00:00
body:not(.theme),
body.theme-light,
body.theme-dark,
body.theme-black
.btn-comment-collapse
color: $cyan
border-color: $cyan
background: transparent
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
&:hover,
&:active,
&:focus
color: $background
border-color: $pink
background: $pink
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
.comment
border-color: $background
2018-07-23 19:36:52 +00:00
&:target > .comment-itself
border-left: 3px solid $green !important
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
.comment-itself
header
background-color: $background
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
.comment-nav-link
color: $cyan
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
&:hover,
&:active,
&:focus
color: $pink
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
&:visited
color: $cyan
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
&:hover,
&:active,
&:focus
color: $pink
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
.comment-user-info
color: $yellow
2018-06-15 12:41:58 +00:00
2018-06-24 12:13:59 +00:00
.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
2019-02-15 01:07:38 +00:00
.comment-votes
color: $foreground
2018-06-24 12:13:59 +00:00
.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
2019-03-04 11:56:33 +00:00
.btn-post
2018-06-24 12:13:59 +00:00
padding: 0
2019-03-04 11:56:33 +00:00
.btn-post-action
2018-06-24 12:13:59 +00:00
color: $cyan
padding: 6px 8px
margin: 6px
margin-bottom: 0px
&:hover,
&:active,
&:focus
color: $pink
text-decoration: none
2019-03-04 11:56:33 +00:00
.btn-post-action-used
2018-06-24 12:13:59 +00:00
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