Fix linting in client subfolder

client/scss/styles.scss

@@ -2,7 +2,6 @@
 // Wagtail CMS main stylesheet
 // =============================================================================
 
-
 @import 'tools.breakpoints';
 @import 'objects';
 @import 'components';

client/src/components/Explorer/Explorer.scss

@@ -1,8 +1,10 @@
-$c-explorer-bg: #4C4E4D;
+// scss-lint:disable DeclarationOrder
+
+$c-explorer-bg: #4c4e4d;
 $c-explorer-bg-dark: $color-grey-1;
-$c-explorer-bg-active: rgba(0,0,0,0.425);
+$c-explorer-bg-active: rgba(0, 0, 0, 0.425);
 $c-explorer-secondary: #a5a5a5;
-$c-explorer-easing: cubic-bezier(0.075, 0.820, 0.165, 1.000);
+$c-explorer-easing: cubic-bezier(0.075, 0.82, 0.165, 1);
 $menu-footer-height: 50px;
 
 @import 'ExplorerItem';
@@ -130,7 +132,7 @@ $menu-footer-height: 50px;
 .c-explorer__see-more {
     display: block;
     padding: 1em;
-    background: rgba(0,0,0,0.3);
+    background: rgba(0, 0, 0, 0.3);
     color: $color-white;
 
     &:focus {

client/src/components/Explorer/ExplorerItem.scss

@@ -1,3 +1,5 @@
+// scss-lint:disable DeclarationOrder
+
 .c-explorer__item {
     display: flex;
     flex-flow: row nowrap;
@@ -73,7 +75,7 @@
         color: $color-white;
     }
 
-    .icon:before {
+    .icon::before {
         margin-right: 0;
     }
 }

client/src/components/LoadingSpinner/LoadingSpinner.scss

@@ -1,4 +1,4 @@
-.c-spinner:after {
+.c-spinner::after {
     display: inline-block;
     animation: spin 0.5s infinite linear;
     line-height: 1;