From 5a073a281d32d9e92933cffaeb2b2250b7316ec7 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Fri, 29 May 2020 23:32:14 +0200
Subject: [PATCH] Fix some linting warnings

---
 .../stylesheets/darkswarm/cart-dropdown.css.scss      | 11 ++++++-----
 app/assets/stylesheets/darkswarm/cart-page.css.scss   | 10 ++++++----
 .../stylesheets/darkswarm/expanding-sidebar.css.scss  |  6 ++++--
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss b/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss
index c551d7cde288..db77d6665984 100644
--- a/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss
+++ b/app/assets/stylesheets/darkswarm/cart-dropdown.css.scss
@@ -60,16 +60,16 @@
 
   table {
     width: 100%;
-    border: none;
+    border: 0;
     border-spacing: 0;
     margin: 0;
 
     tr.product-cart {
-      background-color: white;
+      background-color: $white;
 
       td {
         border-top: 1px solid $grey-100;
-        padding: 0.75em 1em 0.5em 1em;
+        padding: 0.75em 1em 0.5em;
         vertical-align: top;
 
         &.image {
@@ -99,10 +99,11 @@
   .cart-total {
     color: $white;
     text-align: center;
-    margin: -0.5em 0 0.75em 0;
+    margin: -0.5em 0 0.75em;
   }
 
-  .sidebar, .sidebar-footer {
+  .sidebar,
+  .sidebar-footer {
     width: 375px;
     margin-right: -375px;
 
diff --git a/app/assets/stylesheets/darkswarm/cart-page.css.scss b/app/assets/stylesheets/darkswarm/cart-page.css.scss
index 5bb82d716ea4..4f419e4c41bd 100644
--- a/app/assets/stylesheets/darkswarm/cart-page.css.scss
+++ b/app/assets/stylesheets/darkswarm/cart-page.css.scss
@@ -4,7 +4,8 @@
 @import "variables";
 
 #cart-detail {
-  .cart-item-delete, .bought-item-delete {
+  .cart-item-delete,
+  .bought-item-delete {
     a {
       font-size: 1.125em;
     }
@@ -14,7 +15,8 @@
     color: $clr-brick;
   }
 
-  button, .button {
+  button,
+  .button {
     margin: 0;
   }
 
@@ -38,7 +40,7 @@
 .item-thumb-image {
   display: none;
 
-  @media screen and (min-width: 640px) {
+  @include breakpoint(phablet) {
     display: inline-block;
     float: left;
     padding-right: 0.5em;
@@ -52,7 +54,7 @@
     padding: 1.125rem 0 1.1875rem;
     width: 210px;
 
-    @media all and (max-width: 480px) {
+    @include breakpoint(mobile) {
       width: 100%;
     }
   }
diff --git a/app/assets/stylesheets/darkswarm/expanding-sidebar.css.scss b/app/assets/stylesheets/darkswarm/expanding-sidebar.css.scss
index b4688e2e84f7..0057b5b073b7 100644
--- a/app/assets/stylesheets/darkswarm/expanding-sidebar.css.scss
+++ b/app/assets/stylesheets/darkswarm/expanding-sidebar.css.scss
@@ -60,14 +60,16 @@
   }
 
   @include breakpoint(tablet) {
-    .sidebar, .sidebar-footer {
+    .sidebar,
+    .sidebar-footer {
       width: $sidebar-medium-width;
       margin-right: -$sidebar-medium-width;
     }
   }
 
   @include breakpoint(mobile) {
-    .sidebar, .sidebar-footer {
+    .sidebar,
+    .sidebar-footer {
       width: $sidebar-small-width;
       margin-right: -$sidebar-small-width;
     }