Reorder CSS for clarity and to reduce selector size.

PolymerElements · Jan 31, 2018 · 6b66c1b · 6b66c1b
1 parent 213807e
commit 6b66c1b
Showing 1 changed file with 13 additions and 13 deletions.
diff --git a/paper-checkbox.html b/paper-checkbox.html
@@ -129,6 +129,19 @@
         transition: background-color 140ms, border-color 140ms;
       }
 
+      #checkbox.checked {
+        background-color: var(--paper-checkbox-checked-color, var(--primary-color));
+        border-color: var(--paper-checkbox-checked-color, var(--primary-color));
+      }
+
+      #checkmark {
+        width: 100%;
+        height: 100%;
+        opacity: 0;
+        stroke: rgba(0, 0, 0, 0);
+        fill: var(--paper-checkbox-checkmark-color, white);
+      }
+
       /* checkbox checked animations */
       #checkbox.checked #checkmark {
         opacity: 1;
@@ -154,19 +167,6 @@
         }
       }
 
-      #checkbox.checked {
-        background-color: var(--paper-checkbox-checked-color, var(--primary-color));
-        border-color: var(--paper-checkbox-checked-color, var(--primary-color));
-      }
-
-      #checkbox #checkmark {
-        width: 100%;
-        height: 100%;
-        opacity: 0;
-        stroke: rgba(0, 0, 0, 0);
-        fill: var(--paper-checkbox-checkmark-color, white);
-      }
-
       /* label */
       #checkboxLabel {
         position: relative;