From 91e368f08ae33fb977bcff59942d84e648884d4e Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Mon, 26 Dec 2016 22:31:08 -0600
Subject: [PATCH] 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.
---
 app/assets/stylesheets/common/000_vars.css.scss   | 2 +-
 app/assets/stylesheets/specific/comments.css.scss | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/000_vars.css.scss b/app/assets/stylesheets/common/000_vars.css.scss
index fb8bcf1ed..6279c968f 100644
--- a/app/assets/stylesheets/common/000_vars.css.scss
+++ b/app/assets/stylesheets/common/000_vars.css.scss
@@ -1,4 +1,4 @@
-$menu_color: #F7F7FF;
+$menu_color: #F5F5FF;
 $link_color: hsl(213, 100%, 50%);
 $link_hover_color: lighten($link_color, 25%);
 $link_dark_color: darken($link_color, 25%);
diff --git a/app/assets/stylesheets/specific/comments.css.scss b/app/assets/stylesheets/specific/comments.css.scss
index 6fe78eb3a..7eaa842bb 100644
--- a/app/assets/stylesheets/specific/comments.css.scss
+++ b/app/assets/stylesheets/specific/comments.css.scss
@@ -15,6 +15,11 @@ div.comments-for-post {
     article.comment {
       margin-bottom: 2em;
       word-wrap: break-word;
+      padding: 5px;
+
+      &[data-is-sticky="true"] {
+        background: $menu_color;
+      }
 
       div.author {
         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;
     }