fix style errors

.prettierignore

@@ -5,4 +5,5 @@ feature-libs/smartedit/assets/webApplicationInjector.js
 coverage
 
 /.nx/cache
-/.nx/workspace-data
+/.nx/workspace-data
+projects/storefrontstyles/vendor/**/*.scss

.stylelintrc.json

@@ -38,8 +38,14 @@
       "margin-inline"
     ],
     "declaration-property-value-disallowed-list": {
-      "text-align": ["right", "left"]
+      "text-align": [
+        "right",
+        "left"
+      ]
     },
     "scss/comment-no-loud": true
-  }
+  },
+  "ignoreFiles": [
+    "projects/storefrontstyles/vendor/**/*.scss"
+  ]
 }

projects/storefrontapp/src/styles.scss

@@ -12,25 +12,13 @@
 @import 'bootstrap/scss/dropdown';
 @import 'bootstrap/scss/card';
 @import 'bootstrap/scss/nav';
-
 @import 'bootstrap/scss/buttons';
-
 @import 'bootstrap/scss/forms';
 @import 'bootstrap/scss/custom-forms';
-
 @import 'bootstrap/scss/modal';
 @import 'bootstrap/scss/close';
-
 @import 'bootstrap/scss/alert';
-// @import 'bootstrap/scss/message'; DOESNT EXIST IN BOOTSTRAP 4
 @import 'bootstrap/scss/tooltip';
-// @import 'bootstrap/scss/tables'; ITS NOT USED IN SPARTACUS
-@import 'bootstrap/scss/card';
-// @import 'bootstrap/scss/accordion'; DOESNT EXIST IN BOOTSTRAP 4
-// @import 'bootstrap/scss/tabs'; DOESNT EXIST IN BOOTSTRAP 4
-// @import 'bootstrap/scss/carousel'; ITS NOT USED IN SPARTACUS
-// @import 'bootstrap/scss/link'; DOESNT EXIST IN BOOTSTRAP 4
-@import 'bootstrap/scss/dropdown';
 
 // ORDER IMPORTANT: Spartacus styles last
 @import '@spartacus/styles';

projects/storefrontstyles/vendor/bootstrap/scss/mixins/_image.scss

@@ -25,9 +25,8 @@
   // but doesn't convert dppx=>dpi.
   // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
   // Compatibility info: https://caniuse.com/css-media-resolution
-  @media only screen and (min-resolution: 192dpi),
-    only screen and (min-resolution: 2dppx) {
-    // IE9-11 don't support dppx
+  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
+  only screen and (min-resolution: 2dppx) { // Standardized
     background-image: url($file-2x);
     background-size: $width-1x $height-1x;
   }