format scss files

.vscode/settings.json

@@ -1,8 +1,4 @@
 {
-    "[css]": {
-        "editor.suggest.insertMode": "replace",
-        "editor.formatOnSave": true
-    },
     "[json]": {
         "editor.formatOnSave": true,
         "editor.defaultFormatter": "esbenp.prettier-vscode"
@@ -11,6 +7,10 @@
         "editor.formatOnSave": true,
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
+    "[scss]": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": true
     },

src/components/app.scss

@@ -5,7 +5,7 @@
 
 @import '../variables.scss';
 
-.#{$ns}-dark .splitter-layout > .layout-splitter  {
+.#{$ns}-dark .splitter-layout > .layout-splitter {
     // make layout splitter match app color scheme
     background-color: $pt-dark-app-background-color;
 }

src/components/editor.scss

@@ -24,13 +24,13 @@
 // add "BETA" watermark
 
 .pb-beta .ace_scroller::after {
-    content: "";
-    background: url("./images/beta.svg");
+    content: '';
+    background: url('./images/beta.svg');
     opacity: 1;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     position: absolute;
-    pointer-events: none
+    pointer-events: none;
 }

src/index.scss

@@ -19,7 +19,9 @@ body {
 
 .h-body {
     // height makes everything fit without scrolling
-    height: calc(100vh - #{$pt-navbar-height} - #{$pb-status-bar-height} - var(--mobile-pad)) !important;
+    height: calc(
+        100vh - #{$pt-navbar-height} - #{$pb-status-bar-height} - var(--mobile-pad)
+    ) !important;
 }
 
 .h-100 {