color vote arrows to green and red

2018-05-13 00:44:27 +03:00
parent 3b83f5f80e
commit c2a097bd7b
5 changed files with 18 additions and 1 deletions
@@ -1,4 +1,3 @@
 .comment__vote_selected {
-  background-image: url('comment__vote_selected.svg');
  cursor: default;
 }
@@ -1,4 +1,10 @@
 .comment__vote_type_down {
  transform: scale(1, -1);
  margin-left: 4px;
+
+  &.comment__vote_selected {
+    &, &:hover {
+      background-image: url('comment__vote_type_down.svg');
+    }
+  }
 }
@@ -0,0 +1,3 @@
+<svg width="14" height="18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#cc0606" d="M4.426 17.116V7.72H.394L7 .988l6.606 6.732H9.574v9.396z" fill-rule="evenodd"/>
+</svg>
@@ -1,3 +1,9 @@
 .comment__vote_type_up {
  margin-right: 4px;
+
+  &.comment__vote_selected {
+    &, &:hover {
+      background-image: url('comment__vote_type_up.svg');
+    }
+  }
 }
@@ -0,0 +1,3 @@
+<svg width="14" height="18" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#259e06" d="M4.426 17.116V7.72H.394L7 .988l6.606 6.732H9.574v9.396z" fill-rule="evenodd"/>
+</svg>