Adding prefixed style output

src/base/_modal.scss

@@ -1,4 +1,4 @@
-.modal {
+.#{$ns}modal {
     padding: 1rem;
 
     margin: auto;
@@ -14,20 +14,20 @@
     top: 50%;
     left: 50%;
 
-    .modal-title {
+    .#{$ns}modal-title {
         font-weight: 600;
         font-size: 1.2rem;
-        margin-bottom: .5rem;
+        margin-bottom: 0.5rem;
     }
 
-    .modal-content {
+    .#{$ns}modal-content {
         overflow-y: auto;
         max-height: calc(100vh - 10rem);
         // margin: auto;
     }
 
-    .modal-action {
-        margin-top: .5rem;
+    .#{$ns}modal-action {
+        margin-top: 0.5rem;
         display: flex;
 
         :first-child {
@@ -35,12 +35,12 @@
         }
 
         button {
-            @extend .btn;
+            @extend .#{$ns}btn;
         }
     }
 
     transform-origin: center;
-    animation: growModalBox .2s linear;
+    animation: growModalBox 0.2s linear;
 }
 
 @keyframes growModalBox {
@@ -53,6 +53,6 @@
     }
 }
 
-.modal-hidden {
+.#{$ns}modal-hidden {
     display: none;
-}
+}