fix(style): Fix less and sass to correctly generate tab--disabled class

reactjs · Nov 12, 2017 · b95891e · b95891e
1 parent ccf9c23
commit b95891e
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 18 deletions.
diff --git a/style/react-tabs.css b/style/react-tabs.css
@@ -22,14 +22,6 @@
   border-radius: 5px 5px 0 0;
 }
 
-.react-tabs__tab-panel {
-  display: none;
-}
-
-.react-tabs__tab-panel--selected {
-  display: block;
-}
-
 .react-tabs__tab--disabled {
   color: GrayText;
   cursor: default;
@@ -50,3 +42,11 @@
   bottom: -5px;
   background: #fff;
 }
+
+.react-tabs__tab-panel {
+  display: none;
+}
+
+.react-tabs__tab-panel--selected {
+  display: block;
+}
diff --git a/style/react-tabs.less b/style/react-tabs.less
@@ -21,6 +21,12 @@
       color: black;
       border-radius: 5px 5px 0 0;
     }
+
+    &--disabled {
+      color: GrayText;
+      cursor: default;
+    }
+
     &:focus {
       box-shadow: 0 0 5px hsl(208, 99%, 50%);
       border-color: hsl(208, 99%, 50%);
@@ -44,10 +50,5 @@
     &--selected {
       display: block;
     }
-
-    &--disabled {
-      color: GrayText;
-      cursor: default;
-    }
   }
 }
diff --git a/style/react-tabs.scss b/style/react-tabs.scss
@@ -21,6 +21,12 @@
       color: black;
       border-radius: 5px 5px 0 0;
     }
+
+    &--disabled {
+      color: GrayText;
+      cursor: default;
+    }
+
     &:focus {
       box-shadow: 0 0 5px hsl(208, 99%, 50%);
       border-color: hsl(208, 99%, 50%);
@@ -44,10 +50,5 @@
     &--selected {
       display: block;
     }
-
-    &--disabled {
-      color: GrayText;
-      cursor: default;
-    }
   }
 }