Highlight stickied comments; don't dim downvoted stickies.
The highlight color uses the same color as the subnav bar background color. Make it a tad brighter so it's more visible.
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
$menu_color: #F7F7FF;
|
$menu_color: #F5F5FF;
|
||||||
$link_color: hsl(213, 100%, 50%);
|
$link_color: hsl(213, 100%, 50%);
|
||||||
$link_hover_color: lighten($link_color, 25%);
|
$link_hover_color: lighten($link_color, 25%);
|
||||||
$link_dark_color: darken($link_color, 25%);
|
$link_dark_color: darken($link_color, 25%);
|
||||||
|
|||||||
@@ -15,6 +15,11 @@ div.comments-for-post {
|
|||||||
article.comment {
|
article.comment {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
|
&[data-is-sticky="true"] {
|
||||||
|
background: $menu_color;
|
||||||
|
}
|
||||||
|
|
||||||
div.author {
|
div.author {
|
||||||
width: 12em;
|
width: 12em;
|
||||||
@@ -40,7 +45,7 @@ div.comments-for-post {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
article.comment.below-threshold {
|
article.comment.below-threshold:not([data-is-sticky="true"]) {
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user