feat: separate prettier from eslint

src/theme/util/_mixins.scss

@@ -13,69 +13,67 @@
  * this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
-
 /**
  * Breakpoints copied from node_modules/@ionic/angular/css/display.css
  */
 
 @mixin ion-sm-up {
   @media (min-width: 576px) {
-    @content
+    @content;
   }
 }
 @mixin ion-sm-down {
   @media (max-width: 575.98px) {
-    @content
+    @content;
   }
 }
 @mixin ion-md-up {
   @media (min-width: 768px) {
-    @content
+    @content;
   }
 }
 @mixin ion-md-down {
   @media (max-width: 767.98px) {
-    @content
+    @content;
   }
 }
 @mixin ion-lg-up {
   @media (min-width: 992px) {
-    @content
+    @content;
   }
 }
 @mixin ion-lg-down {
   @media (max-width: 991.98px) {
-    @content
+    @content;
   }
 }
 @mixin ion-xl-up {
   @media (min-width: 1200px) {
-    @content
+    @content;
   }
 }
 @mixin ion-xl-down {
   @media (max-width: 1199.98px) {
-    @content
+    @content;
   }
 }
 
 @mixin phoneLandscape {
   @media (max-height: 500px) and (orientation: landscape) {
-    @content
+    @content;
   }
 }
 
-
 @mixin phonePortraitSmall {
   @media (max-height: 700px) and (orientation: portrait) {
-    @content
+    @content;
   }
 }
 
 @mixin auto-grid($item-width) {
   // fit as many items on the page while keeping items >$item-width,
   // but also ensure items get shrunk on small screens
-  grid-template-columns: repeat(auto-fit, minmax(calc(min($item-width, 100%)), 1fr))
+  grid-template-columns: repeat(auto-fit, minmax(calc(min($item-width, 100%)), 1fr));
 }
 
 @mixin border-radius-in-parallax($border-radius) {