MDL-57945 stylelint: use csstree to replace some rules

Ironically we have to reverse the change from e63d89a because this linter is more clever..
jobcespedes · Jul 19, 2017 · 0a023e5 · 0a023e5
1 parent 09074c9
commit 0a023e5
Show file tree

Hide file tree

Showing 6 changed files with 443 additions and 1,758 deletions.
diff --git a/.stylelintrc b/.stylelintrc
@@ -1,5 +1,9 @@
 {
+    "plugins": [
+        "stylelint-csstree-validator"
+    ],
     "rules": {
+        "csstree/validator": true,
         "at-rule-empty-line-before": [ "always",
           {"except": [ "blockless-after-blockless"], ignore: ["after-comment", "inside-block"]}
         ],

diff --git a/mod/assign/styles.css b/mod/assign/styles.css
@@ -546,9 +546,9 @@
 
 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-content"] {
     visibility: hidden;
-    -webkit-transition: visibility 0 0.5s;
-    -moz-transition: visibility 0 0.5s;
-    transition: visibility 0 0.5s;
+    -webkit-transition: visibility 0s 0.5s;
+    -moz-transition: visibility 0s 0.5s;
+    transition: visibility 0s 0.5s;
 }
 
 .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] .expand-icon {
@@ -598,9 +598,9 @@
     left: calc(100% - 30px);
     right: calc(30px - 100%);
     visibility: hidden;
-    -webkit-transition: right 0.5s, left 0.5s, visibility 0 0.5s;
-    -moz-transition: right 0.5s, left 0.5s, visibility 0 0.5s;
-    transition: right 0.5s, left 0.5s, visibility 0 0.5s;
+    -webkit-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
+    -moz-transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
+    transition: right 0.5s, left 0.5s, visibility 0s 0.5s;
 }
 
 .path-mod-assign [data-region="grade-panel"].fullwidth {
@@ -1103,9 +1103,9 @@
         visibility: visible;
         opacity: 1;
         height: auto;
-        -webkit-transition: visibility 0 0.25s, opacity 0 0.25s;
-        -moz-transition: visibility 0 0.25s, opacity 0 0.25s;
-        transition: visibility 0 0.25s, opacity 0 0.25s;
+        -webkit-transition: visibility 0s 0.25s, opacity 0s 0.25s;
+        -moz-transition: visibility 0s 0.25s, opacity 0s 0.25s;
+        transition: visibility 0s 0.25s, opacity 0s 0.25s;
     }
 
     .path-mod-assign [data-region="review-panel"] [data-region="review-panel-toggle"] .expand-icon .rtl-icon {
@@ -1125,9 +1125,9 @@
     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] {
         width: 100%;
         border-radius: 0 0 0 0;
-        -webkit-transition: all 0 0.25s;
-        -moz-transition: all 0 0.25s;
-        transition: all 0 0.25s;
+        -webkit-transition: all 0s 0.25s;
+        -moz-transition: all 0s 0.25s;
+        transition: all 0s 0.25s;
     }
 
     .path-mod-assign [data-region="review-panel"].collapsed [data-region="review-panel-toggle"] img {