feat(themes): add loading info

2017-02-19 08:39:05 +08:00 · 2017-02-19 08:39:05 +08:00 · 86594a3118
commit 86594a3118
parent a6d823b826
5 changed files with 64 additions and 2 deletions
--- a/src/themes/basic/_layout.css
+++ b/src/themes/basic/_layout.css
@ -7,6 +7,23 @@
  -webkit-font-smoothing: antialiased;
 }

+body:not(.ready) {
+  [data-cloak] {
+    display: none;
+  }
+}
+
+div#app {
+  text-align: center;
+  font-size: 30px;
+  font-weight: lighter;
+  margin: 40vw auto;
+
+  &:empty::before {
+    content: "Loading...";
+  }
+}
+
 .emoji {
  height: 1.2em;
  vertical-align: middle;