application.scss in lesli-5.0.1

- old
+ new

@@ -91,11 +91,10 @@
 
 
 // · Lesli vue components
 @import "lesli/elements/autocomplete";
 @import "lesli/elements/avatar";
-@import "lesli/elements/content";
 @import "lesli/elements/empty";
 @import "lesli/elements/file-uploader";
 @import "lesli/elements/gallery";
 @import "lesli/elements/header";
 @import "lesli/elements/input-tag";
@@ -111,11 +110,10 @@
 @import "lesli/elements/toolbar";
 @import "lesli/elements/calendar";
 @import "lesli/elements/card";
 
 
-
 html,
 body {
     color: var(--lesli-font-color);
     font-size: var(--lesli-font-size);
     font-family: $family-primary;
@@ -125,17 +123,27 @@
     font-weight: normal;
     line-height: 158%;
 }
 
 
+// · 
+#lesli-application {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+
+// · titles
 h1, h2, h3, h4, h5, h6 {
     font-family: "Montserrat", $family-primary;
 }
 
 
-// Vue Animation component
+// · Vue Animation component
 .v-enter-active, .v-leave-active { transition: opacity 0.5s ease; }
 .v-enter-from, .v-leave-to { opacity: 0; }
 
 
-
-//@import "flag-icon"; import only where it is needed :)
+// · Hide vue until vue finishes compilation
+[v-cloak] {
+    display: none !important;
+}