Removed scss support, working on gridWidth prop

Author: euvl

src/Grid.vue

@@ -39,6 +39,10 @@ export default {
       type: Array,
       default: () => []
     },
+    gridWidth: {
+      type: Number,
+      default: -1
+    },
     cellWidth: {
       type: Number,
       default: 80,
@@ -84,6 +88,14 @@ export default {
     }
   },
   computed: {
+    gridResponsiveWidth () {
+      if (this.gridWidth < 0) {
+        return this.windowWidth
+      } else {
+        return Math.min(this.windowWidth, this.gridWidth)
+      }
+    },
+
     height () {
       return Math.ceil(this.items.length / this.rowCount) *
         this.cellHeight
@@ -224,12 +236,7 @@ export default {
   }
 }
 </script>
-<style lang="scss">
-body {
-  margin: 0;
-  padding: 0;
-}
-
+<style>
 .v-grid {
   display: block;
   position: relative;

src/GridItem.vue

@@ -214,7 +214,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style>
 .v-grid-item-wrapper {
   display: block;
   position: absolute;
@@ -227,13 +227,9 @@ export default {
   transform: translate3d(0px, 0px, 0px);
 
   z-index: 1;
+}
 
-  &.v-grid-item-animate {
-    transition: transform 800ms ease;
-  }
-
-  &.v-grid-item-dragging {
-  //  z-index: 9000 !important;
-  }
+.v-grid-item-animate {
+  transition: transform 800ms ease;
 }
 </style>

webpack.config.js

@@ -15,12 +15,13 @@ module.exports = {
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue-loader',
-        options: {
-          loaders: {
-            'scss': 'vue-style-loader!css-loader!sass-loader'
-          }
-        }
+        loader: 'vue-loader'
+//        ,
+//        options: {
+//          loaders: {
+//            'scss': 'vue-style-loader!css-loader!sass-loader'
+//          }
+//        }
       },
       {
         test: /\.js$/,