remove less & less-loader dep

assets/style.css

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

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 {
+#list {
-    max-width: 500px;
+  max-width: 500px;
-    margin: 0 auto;
+  margin: 0 auto;
-    .v-list-item__title {
+}
-      white-space: normal !important;
+#list .v-list-item__title {
-    }
+  white-space: normal !important;
-  }
+}
 </style>

layouts/iframe.vue

@@ -1,8 +1,8 @@
 <template lang='pug'>
-  v-app#iframe
+v-app#iframe
-    nuxt
+  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;