Linter cleanup

app/styles/components/basic-table.scss

@@ -13,8 +13,8 @@
         width: 100%;
         @for $i from 1 through 8 {
             .width-#{$i} {
-                flex-grow: #{$i};
                 flex-basis: 50px;
+                flex-grow: #{$i};
             }
         }
         &:last-child {

app/styles/components/paginator.scss

@@ -37,8 +37,8 @@
     overflow: hidden;
 }
 
-a.v-pagination-next,
+.v-pagination-next,
-a.v-pagination-previous {
+.v-pagination-previous {
     background-color: $button-gray;
     color: $whitish;
     display: block;

app/styles/components/summary.scss

@@ -100,11 +100,11 @@
             }
             &.active {
                 color: $fresh-taiga;
-                &:hover {
+            }
+            &.active:hover {
                 color: $gray;
                 transition: color .3s linear;
             }
         }
     }
 }
-}

app/styles/dependencies/mixins.scss

@@ -5,28 +5,6 @@
     text-overflow: ellipsis;
 }
 
-// DEPRECATED MIXIN
-// USE FLEXBOX WITHOUT PREFIXES.
-// Table Flex - http://devbryce.com/site/flexbox/
-/* @mixin table-flex($align-content: stretch, $align-items: stretch, $display: flex, $flex-direction: row, $flex-wrap: wrap, $justify-content: flex-start) {
-    align-content: $align-content; //flex-start | flex-end | center | space-between | space-around | stretch
-    align-items: $align-items; //flex-start | flex-end | center | baseline | stretch
-    display: $display;
-    flex-direction: $flex-direction; //row | row-reverse | column | column-reverse
-    flex-wrap: $flex-wrap; //nowrap | wrap | wrap-reverse
-    justify-content: $justify-content; //flex-start | flex-end | center | space-between | space-around
-}
-
-@mixin table-flex-child($flex-grow: 1, $flex-basis: 300px, $flex-shrink: 0, $width:'') {
-    flex: $flex-grow;
-    flex-basis: $flex-basis;
-    flex-shrink: $flex-shrink;
-    width: $flex-basis;
-    @if #{$width} != null {
-        width: #{$width};
-    }
-}
- */
 @mixin box-shadow($h-shadow: 1px, $v-shadow: 1px, $blur: 15px, $spread: 6px, $color: rgba(0, 0, 0, .1)) {
     box-shadow: $h-shadow $v-shadow $blur $spread $color;
 }

app/styles/layout/base.scss

@@ -7,10 +7,7 @@ body {
     @extend %text;
     background: #fff; // fallback
     color: #444;
-    -webkit-font-smoothing: antialiased; // Fix for webkit renderin
     min-height: 100%;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
     width: 100%;
     .master {
         transition: transform 1s ease;

app/styles/modules/admin/admin-functionalities.scss

@@ -6,10 +6,10 @@
     .functionality {
         align-content: center;
         align-items: center;
+        background-color: $whitish;
         display: flex;
         flex-direction: column;
         justify-content: center;
-        background-color: $whitish;
         margin-bottom: .3rem;
         margin-right: .3rem;
         opacity: .5;
@@ -24,8 +24,8 @@
         }
         .icon {
             @extend %xxlarge;
-            flex-grow: 1;
             flex-basis: 60px;
+            flex-grow: 1;
             margin: 0 auto;
             min-height: 60px;
         }
@@ -43,7 +43,7 @@
             }
         }
         span {
-            font-weight: bold;
+            @extend %bold;
             display: block;
         }
         select {

app/styles/modules/admin/third-parties.scss

@@ -4,7 +4,7 @@
         max-width: 700px;
         width: 100%;
     }
-    input[type="text"],
+    input,
     textarea {
         @extend %title;
     }

app/styles/modules/common/colors-table.scss

@@ -43,12 +43,12 @@
         .is-closed-column,
         .options-column,
         .status-wip-limit {
-            flex-grow: 1;
             flex-basis: 100px;
+            flex-grow: 1;
         }
         .status-name {
-            flex-grow: 6;
             flex-basis: 150px;
+            flex-grow: 6;
             padding: 0 10px;
             position: relative;
             span {
@@ -57,8 +57,8 @@
             }
         }
         .status-slug {
-            flex-grow: 6;
             flex-basis: 150px;
+            flex-grow: 6;
             padding: 0 10px;
         }
         .options-column {

app/styles/modules/common/wizard.scss

@@ -55,8 +55,8 @@
         a {
             color: $white;
             display: inline-block;
-            flex-grow: 1;
             flex-basis: 40%;
+            flex-grow: 1;
             &:first-child {
                 margin-right: .5rem;
             }
@@ -121,15 +121,13 @@
             width: 25%;
         }
         .progress-state {
-            span {
+            span:nth-child(1) {
-                &:nth-child(1) {
                 color: rgba($white, 1);
                 transition: color .3s ease-in-out;
                 transition-delay: .6s;
             }
         }
     }
-    }
     .step2 {
         .bar {
             transition: width .6s ease-in-out;
@@ -137,16 +135,14 @@
             width: 75%;
         }
         .progress-state {
-            span {
+            span:nth-child(1),
-                &:nth-child(1),
+            span:nth-child(2) {
-                &:nth-child(2) {
                 color: rgba($white, 1);
                 transition: color .3s ease-in-out;
                 transition-delay: .6s;
             }
         }
     }
-    }
 
     .progress-state {
         position: absolute;

app/styles/modules/filters/filters.scss

@@ -16,7 +16,7 @@
             vertical-align: middle;
         }
     }
-    input[type="text"] {
+    input {
         background: $grayer;
         color: $white;
         @include placeholder {

app/styles/modules/filters/list-filters.scss

@@ -19,7 +19,6 @@
                 color: $blackish;
                 opacity: 1;
                 transition: opacity .3s linear;
-
             }
         }
         .active {

app/styles/modules/home-projects-list.scss

@@ -144,12 +144,15 @@
             padding: 1rem;
             text-transform: uppercase;
             width: 100%;
-            &.active,
             &:hover {
                 background-color: $gray;
                 transition: background-color .3s linear;
             }
         }
+        .active {
+            background-color: $gray;
+            transition: background-color .3s linear;
+        }
     }
     .projects-pagination {
         width: 100%;

app/styles/modules/team/team-filters.scss

@@ -20,12 +20,12 @@
             &.active {
                 color: $green-taiga;
                 transition: color .3s linear;
-                .icon {
+            }
+            &.active.icon {
                 opacity: 1;
                 transition: opacity .3s linear;
             }
         }
-        }
         .active {
             opacity: 1;
             transition: opacity .3s linear;