Stopped using sass (as far as css file are tiny as they are), release 1.0.19

src/Modal.vue

@@ -285,7 +285,7 @@
     }
   };
 </script>
-<style lang="scss" scoped>
+<style scoped>
   .v--modal-overlay {
     position: fixed;
     left: 0;
@@ -295,14 +295,29 @@
     background: rgba(0, 0, 0, 0.2);
     z-index: 999;
     opacity: 1;
+  }
 
-    .modal {
-      position: relative;
-      overflow: hidden;
-      box-sizing: border-box;
+  .v--modal-overlay .modal {
+    position: relative;
+    overflow: hidden;
+    box-sizing: border-box;
+    background-color: white;
+  }
 
-      background-color: white;
-    }
+  .v--modal {
+    background: white;
+    text-align: left;
+    border-radius: 3px;
+    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);
+    padding: 0;
+  }
+
+  .v--modal.v--modal-fullscreen {
+    width: 100vw;
+    height: 100vh;
+    margin: 0;
+    left: 0;
+    top: 0;
   }
 
   .overlay-fade-enter-active, .overlay-fade-leave-active {
@@ -321,22 +336,4 @@
     opacity: 0;
     transform: translateY(-20px);
   }
-
-  .v--modal {
-    background: white;
-    text-align: left;
-    border-radius: 3px;
-    box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);
-    padding: 0;
-
-    //background: yellow !important;
-
-    &.v--modal-fullscreen {
-      width: 100vw;
-      height: 100vh;
-      margin: 0;
-      left: 0;
-      top: 0;
-    }
-  }
 </style>

src/Resizer.vue

@@ -76,7 +76,7 @@ export default {
   }
 }
 </script>
-<style lang="scss">
+<style>
 .vue-modal-resizer {
   display: block;
   overflow: hidden;
@@ -88,22 +88,22 @@ export default {
   z-index: 9999999;
   background: transparent;
   cursor: se-resize;
+}
 
-  &:after {
-    display: block;
-    position: absolute;
-    content: '';
-    background: transparent;
-    left: 0;
-    top: 0;
-    width: 0;
-    height: 0;
-    border-bottom: 10px solid #ddd;
-    border-left: 10px solid transparent;
-  }
+.vue-modal-resizer::after {
+  display: block;
+  position: absolute;
+  content: '';
+  background: transparent;
+  left: 0;
+  top: 0;
+  width: 0;
+  height: 0;
+  border-bottom: 10px solid #ddd;
+  border-left: 10px solid transparent;
+}
 
-  &.clicked:after {
-    border-bottom: 10px solid #369BE9;
-  }
+.vue-modal-resizer.clicked::after {
+  border-bottom: 10px solid #369BE9;
 }
 </style>