800th Commit

.stylelintrc

@@ -1,6 +1,13 @@
 {
-  "extends": "stylelint-config-standard",
+  "plugins": [
+    "stylelint-prettier"
+  ],
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-prettier",
+    "stylelint-config-rational-order"
+  ],
   "rules": {
-    "no-empty-source": null
+    "prettier/prettier": true
   }
 }

package.json

@@ -110,8 +110,12 @@
     "sass-loader": "8.0.0",
     "script-ext-html-webpack-plugin": "2.1.3",
     "style-loader": "0.23.1",
-    "stylelint": "9.9.0",
-    "stylelint-config-standard": "18.2.0",
+    "stylelint": "13.0.0",
+    "stylelint-config-prettier": "8.0.1",
+    "stylelint-config-rational-order": "0.1.2",
+    "stylelint-config-standard": "19.0.0",
+    "stylelint-order": "4.0.0",
+    "stylelint-prettier": "1.1.2",
     "url-loader": "1.1.2",
     "vue-jest": "4.0.0-beta.2",
     "vue-loader": "15.7.0",

src/assets/styles/global.css

@@ -6,16 +6,17 @@ body {
   background: #006fc9;
 
   &::before {
-    content: 'Loading...';
     position: absolute;
-    left: 50%;
     top: 50%;
-    transform: translate(-50%, -50%);
+    left: 50%;
     z-index: -1;
     color: #66c0ff;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, sans-serif;
     font-size: 2.5rem;
+    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell,
+      Helvetica, sans-serif;
     text-transform: uppercase;
     text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
+    transform: translate(-50%, -50%);
+    content: 'Loading...';
   }
 }

src/shell/guide/transitions/FilerList.vue

@@ -52,11 +52,11 @@ export default {
 
 .filer-item {
   display: inline-flex;
-  justify-content: center;
   align-items: center;
-  margin: 0.5rem;
+  justify-content: center;
   width: 2.5rem;
   height: 2.5rem;
+  margin: 0.5rem;
   color: #fff;
   background: #009688;
   filter: drop-shadow(0 0 0.25rem #00796b);
@@ -73,12 +73,12 @@ export default {
 }
 
 .fade-group-enter {
-  opacity: 0;
   transform: translateY(-1.25rem);
+  opacity: 0;
 }
 
 .fade-group-leave-to {
-  opacity: 0;
   transform: translateY(1.25rem);
+  opacity: 0;
 }
 </style>

src/shell/guide/transitions/SortFilterList.vue

@@ -141,13 +141,13 @@ export default {
 }
 
 .fade-group-enter {
-  opacity: 0;
   transform: translateY(-1.25rem);
+  opacity: 0;
 }
 
 .fade-group-leave-to {
-  opacity: 0;
   transform: translateY(1.25rem);
+  opacity: 0;
 }
 
 .row-wrap {

src/shell/messages/chat-room/ChatRoom.vue

@@ -68,52 +68,52 @@ export default {};
 .circle {
   width: 5rem;
   height: 5rem;
-  border-radius: 50%;
   background: pink;
+  border-radius: 50%;
 }
 
 .chat-left {
   & .message::before {
-    content: '';
     position: absolute;
-    left: 0;
     top: 18.5px; /* 37 / 2 */
+    left: 0;
     width: 0;
     height: 0;
+    margin-top: -8px;
+    margin-left: -8px;
     border: 8px solid transparent;
     border-right-color: pink;
     border-left: 0;
-    margin-top: -8px;
-    margin-left: -8px;
+    content: '';
   }
 }
 
 .message {
+  position: relative;
+  box-sizing: border-box;
   width: auto;
   max-width: 22rem;
+  margin: 16.5px 1rem auto 1rem;
   background: pink;
   border-radius: 8px;
-  position: relative;
-  margin: 16.5px 1rem auto 1rem;
-  box-sizing: border-box;
 }
 
 .chat-right {
-  justify-content: flex-start;
   flex-flow: row-reverse;
+  justify-content: flex-start;
 
   & .message::after {
-    content: '';
     position: absolute;
-    right: 0;
     top: 18.5px; /* 37 / 2 */
+    right: 0;
     width: 0;
     height: 0;
-    border: 8px solid transparent;
-    border-left-color: pink;
-    border-right: 0;
     margin-top: -8px;
     margin-right: -8px;
+    border: 8px solid transparent;
+    border-right: 0;
+    border-left-color: pink;
+    content: '';
   }
 }
 </style>