apply prettier formating

web/app/components/comment/__action/comment__action.scss

@@ -3,7 +3,7 @@
   vertical-align: middle;
   cursor: pointer;
   user-select: none;
-  color: #259C9A;
+  color: #259c9a;
 
   &:hover {
     color: #31c7c5;

web/app/components/comment/__control/comment__control.scss

@@ -1,7 +1,7 @@
 .comment__control {
   margin-right: 8px;
   cursor: pointer;
-  color: #8CD4D4;
+  color: #8cd4d4;
 
   &:last-child {
     margin-right: 0;

web/app/components/comment/__username/comment__username.scss

@@ -7,6 +7,6 @@
   cursor: pointer;
 
   &:hover {
-    opacity: .75;
+    opacity: 0.75;
   }
 }

web/app/components/comment/__verification/comment__verification.scss

@@ -8,6 +8,6 @@
   background-size: cover;
 
   &:hover {
-    opacity: .75;
+    opacity: 0.75;
   }
 }

web/app/components/comment/__vote/_disabled/comment__vote_disabled.scss

@@ -1,5 +1,6 @@
 .comment__vote_disabled {
-  &, &:hover {
+  &,
+  &:hover {
     background-image: url('comment__vote_disabled.svg');
     cursor: not-allowed;
   }

web/app/components/comment/__vote/_type/_down/comment__vote_type_down.scss

@@ -3,7 +3,8 @@
   margin-left: 4px;
 
   &.comment__vote_selected {
-    &, &:hover {
+    &,
+    &:hover {
       background-image: url('comment__vote_type_down.svg');
     }
   }

web/app/components/comment/__vote/_type/_up/comment__vote_type_up.scss

@@ -2,7 +2,8 @@
   margin-right: 4px;
 
   &.comment__vote_selected {
-    &, &:hover {
+    &,
+    &:hover {
       background-image: url('comment__vote_type_up.svg');
     }
   }

web/app/components/comment/_collapsed/comment_collapsed.scss

@@ -1,6 +1,7 @@
 .comment_collapsed {
   > .comment__body {
-    .comment__text, .comment__actions {
+    .comment__text,
+    .comment__actions {
       display: none;
     }
   }

web/app/components/comment/_editing/comment_editing.scss

@@ -13,7 +13,7 @@
   }
 
   // it isn't mobile first, but it's fine here
-  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
+  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
     border: 8px solid #eee;
     padding-bottom: 0;
 

web/app/components/comment/_level/comment_level.scss

@@ -7,7 +7,7 @@ $step: 24px;
 
       &.comment_replying {
         .comment__input {
-          @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
+          @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
             margin-left: -$i * $step;
           }
         }

web/app/components/comment/_replying/comment_replying.scss

@@ -9,7 +9,7 @@
   }
 
   // it isn't mobile first, but it's fine here
-  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer:coarse) and (max-width: 768px) {
+  @media (-moz-touch-enabled: 1) and (max-width: 768px), (pointer: coarse) and (max-width: 768px) {
     border: 8px solid #eee;
     padding-bottom: 0;
 

web/app/components/comment/_useless/comment_useless.scss

@@ -1,5 +1,5 @@
 .comment_useless {
   .comment__body {
-    opacity: .35;
+    opacity: 0.35;
   }
 }

web/app/components/comment/_view/_admin/comment_view_admin.scss

@@ -1,5 +1,5 @@
 .comment_view_admin {
   .comment__username {
     color: #0e7e9d;
-  };
-}
+  }
+}

web/app/components/comment/_view/_preview/comment_view_preview.scss

@@ -4,7 +4,7 @@
 
   .comment__username {
     color: #0aa;
-  };
+  }
 
   .comment__info {
     display: inline;

web/app/components/comment/_view/_user/comment_view_user.scss

@@ -1,6 +1,7 @@
 .comment_view_user {
   &.comment_collapsed {
-    .comment__text, .comment__actions {
+    .comment__text,
+    .comment__actions {
       display: block;
     }
   }