remove less & less-loader dep

assets/style.css

@@ -55,7 +55,6 @@ li {
   scrollbar-color: #FF4511 #111;
 }
 
-// EVENT
 .event {
   display: flex;
   position: relative;
@@ -67,8 +66,9 @@ li {
   margin-right: .4em;
   transition: all .5s;
   overflow: hidden;
+}
 
-  .title {
+.event  .title {
   display: -webkit-box;
   overflow: hidden;
   margin: 0.5rem 1rem 0.5rem 1rem;
@@ -79,23 +79,19 @@ li {
   line-height: 1.2em !important;
 }
 
-  .body {
+.event .body {
   flex: 1 1 auto;
 }
 
-
+.event .place span {
-  .place {
-    max-width: 100%;
-    span {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-  }
+
-  a {
+.event .place a {
   text-decoration: none;
 }
-}
 
 .vc-past {
   opacity: 0.4;

components/Editor.vue

@@ -176,7 +176,7 @@ export default {
   }
 }
 </script>
-<style lang='less'>
+<style lang='scss'>
 
 .editor {
   margin-top: 4px;

components/List.vue

@@ -61,12 +61,12 @@ export default {
   }
 }
 </script>
-<style lang='less'>
+<style>
 #list {
   max-width: 500px;
   margin: 0 auto;
-    .v-list-item__title {
+}
+#list .v-list-item__title {
   white-space: normal !important;
 }
-  }
 </style>

layouts/iframe.vue

@@ -2,7 +2,7 @@
 v-app#iframe
   nuxt
 </template>
-<style lang='less'>
+<style>
   #iframe.v-application {
     background-color: transparent !important;
 }

nuxt.config.js

@@ -26,7 +26,7 @@ module.exports = {
     }
   },
 
-  css: ['./assets/style.less'],
+  css: ['./assets/style.css'],
 
   /*
    ** Customize the progress-bar component

pages/embed/_event_id.vue

@@ -33,7 +33,7 @@ export default {
 
 // <iframe src='http://localhost:13120/embed/1' class='embedded_gancio'></iframe>
 </script>
-<style lang='less'>
+<style lang='scss'>
 .embed_event {
   display: flex;
   transition: margin .1s;