Merge pull request #29 from rootstrap/use-stylelint

Change unmaintained sass-lint for stylelint

Author: santib

.sass-lint.yml

@@ -0,0 +1,3 @@
+{
+  "extends": "stylelint-config-standard"
+}

.stylelintrc.json

@@ -14,7 +14,7 @@
     background-image: linear-gradient(180deg, $active-admin-chat__lighter-grey, $active-admin-chat__light-grey);
     border: solid 1px $active-admin-chat__grey;
     border-color: $active-admin-chat__light-grey $active-admin-chat__light-grey $active-admin-chat__grey;
-    box-shadow: 0 1px 3px rgba($active-admin-chat__black, .12), 0 0 1px $active-admin-chat__white inset;
+    box-shadow: 0 1px 3px rgba($active-admin-chat__black, 0.12), 0 0 1px $active-admin-chat__white inset;
     font-size: 14px;
     font-weight: bold;
     margin: 0;
@@ -85,15 +85,6 @@
       margin-top: auto;
     }
 
-    &.admin {
-      text-align: right;
-
-      div {
-        background-color: $active-admin-chat__green;
-        border-radius: 10px 10px 0;
-      }
-    }
-
     div {
       background-color: $active-admin-chat__white;
       border-radius: 10px 10px 10px 0;
@@ -112,6 +103,15 @@
         font-size: 10px;
       }
     }
+
+    &.admin {
+      text-align: right;
+
+      div {
+        background-color: $active-admin-chat__green;
+        border-radius: 10px 10px 0;
+      }
+    }
   }
 
   .active-admin-chat__send-message-container {

app/assets/stylesheets/active_admin_chat.scss

@@ -2,6 +2,6 @@ $active-admin-chat__lightest-grey: #fafafa;
 $active-admin-chat__lighter-grey: #efefef;
 $active-admin-chat__light-grey: #d4d4d4;
 $active-admin-chat__grey: #cdcdcd;
-$active-admin-chat__black: #000000;
-$active-admin-chat__white: #ffffff;
+$active-admin-chat__black: #000;
+$active-admin-chat__white: #fff;
 $active-admin-chat__green: #cbe6b8;