enable vue cloaking

neicnordic · May 16, 2017 · 82712c6 · 82712c6
1 parent 7429f5b
commit 82712c6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/_includes/head.html b/_includes/head.html
@@ -16,6 +16,7 @@
 
     <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
     <link href="{{ site.baseurl }}/assets/css/neic-styles.css" rel="stylesheet">
+    <link href="{{ site.baseurl }}/assets/css/vue-cloaking.css" rel="stylesheet">
     <link href="{{ site.baseurl }}/assets/css/bootstrap-3.3.7.min.css" rel="stylesheet">
     <link href="{{ site.baseurl }}/assets/css/responsive.css" rel="stylesheet">
 

diff --git a/assets/css/vue-cloaking.css b/assets/css/vue-cloaking.css
@@ -0,0 +1,22 @@
+/* https://gist.github.com/adamwathan/3584d1904e4f4c36096f */
+
+[v-cloak] .v-cloak--block {
+  display: block;
+}
+[v-cloak] .v-cloak--inline {
+  display: inline;
+}
+[v-cloak] .v-cloak--inlineBlock {
+  display: inline-block;
+}
+[v-cloak] .v-cloak--hidden {
+  display: none;
+}
+[v-cloak] .v-cloak--invisible {
+  visibility: hidden;
+}
+.v-cloak--block,
+.v-cloak--inline,
+.v-cloak--inlineBlock {
+  display: none;
+}