Fix some linting warnings

openfoodfoundation · May 29, 2020 · 5a073a2 · 5a073a2
1 parent 93bc963
commit 5a073a2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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;
     }