Highlight comments if hash is present in URL

assets/js/components/comment-highlight.js

@@ -0,0 +1,21 @@
+KB.on('dom.ready', function () {
+    function highlightComment() {
+        if (window.location.hash.indexOf('#comment-') === 0) {
+            var commentElement = KB.find(window.location.hash);
+
+            if (commentElement) {
+                var commentsElement = document.querySelectorAll('.comment');
+
+                commentsElement.forEach(function (element) {
+                    KB.dom(element).removeClass('comment-highlighted');
+                });
+
+                commentElement.addClass('comment-highlighted');
+            }
+        }
+    }
+
+    window.addEventListener('hashchange', highlightComment);
+
+    highlightComment();
+});

assets/js/core/bootstrap.js

@@ -3,4 +3,5 @@ document.addEventListener('DOMContentLoaded', function () {
     KB.render();
     KB.listen();
     KB.keyboardShortcuts();
+    KB.trigger('dom.ready');
 });

assets/sass/_comment.sass

@@ -15,6 +15,14 @@
   &:hover
     background: #fafafa
 
+.comment-highlighted
+  background-color: #FFF8DC
+  border: 2px solid #FFF8DC
+  border-left: 2px solid #ffeb8e
+  &:hover
+    background-color: #FFF8DC
+    border: 2px solid #ffeb8e
+
 .comment-title
   border-bottom: 1px dotted #eee
   margin-left: 55px