[TASK] Change .inverse less-structure for easier inclusion as mixin. (#…

…385)
t3kit · Feb 16, 2018 · 565f7fa · 565f7fa
1 parent ed1b624
commit 565f7fa
Showing 1 changed file with 45 additions and 45 deletions.
diff --git a/felayout_t3kit/dev/styles/main/appearanceTab/appearance/general/inverse.less b/felayout_t3kit/dev/styles/main/appearanceTab/appearance/general/inverse.less
@@ -2,31 +2,6 @@
 // General appearance wrappers
 // =================================
 
-.inverse a {
-    color: tint(@main-color, 90%);
-
-    &.active,
-    &:active {
-        &.focus,
-        &:focus {
-            color: tint(@main-text-color, 100%);
-            border-color: tint(@main-color, 70%);
-        }
-    }
-
-    &.focus,
-    &:focus,
-    &:hover {
-        color: tint(@main-text-color, 100%);
-        border-color: tint(@main-color, 70%);
-    }
-}
-
-.inverse p {
-    color: tint(@main-text-color, 90%);
-    -webkit-font-smoothing: antialiased;
-}
-
 .inverse {
     h1,
     h2,
@@ -36,34 +11,59 @@
         color: tint(@main-text-color, 100%);
         -webkit-font-smoothing: antialiased;
     }
-}
 
-.inverse .icons {
-    color: tint(@main-color, 90%);
-    border-color: tint(@main-color, 70%);
-}
+    a {
+        color: tint(@main-color, 90%);
+
+        &.active,
+        &:active {
+            &.focus,
+            &:focus {
+                color: tint(@main-text-color, 100%);
+                border-color: tint(@main-color, 70%);
+            }
+        }
 
-.inverse .btn {
-    // background: saturate(spin(@main-color, 177), 30%);
-    color: tint(@main-color, 90%);
-    // border-color: transparent;
-    &.active,
-    &:active {
         &.focus,
-        &:focus {
-            // background: saturate(spin(@main-color, 177), 30%);
-            // border-color: transparent;
+        &:focus,
+        &:hover {
+            color: tint(@main-text-color, 100%);
+            border-color: tint(@main-color, 70%);
         }
     }
 
-    &.focus,
-    &:focus,
-    &:hover {
+    p {
+        color: tint(@main-text-color, 90%);
+        -webkit-font-smoothing: antialiased;
+    }
+
+    .icons {
+        color: tint(@main-color, 90%);
+        border-color: tint(@main-color, 70%);
+    }
+
+    .btn {
         // background: saturate(spin(@main-color, 177), 30%);
+        color: tint(@main-color, 90%);
         // border-color: transparent;
+        &.active,
+        &:active {
+            &.focus,
+            &:focus {
+                // background: saturate(spin(@main-color, 177), 30%);
+                // border-color: transparent;
+            }
+        }
+
+        &.focus,
+        &:focus,
+        &:hover {
+            // background: saturate(spin(@main-color, 177), 30%);
+            // border-color: transparent;
+        }
     }
-}
 
-.inverse .big-icon-text-btn__sham-link {
-    color: tint(@main-color, 90%);
+    .big-icon-text-btn__sham-link {
+        color: tint(@main-color, 90%);
+    }
 }