Tweak loading screen transition

11 years ago · 062ccd2c5b
parent 8377fa2b09
commit 062ccd2c5b
1 changed files with 4 additions and 3 deletions
--- a/assets/stylesheets/components/_app.scss
+++ b/assets/stylesheets/components/_app.scss
@ -13,10 +13,8 @@

 ._booting {
  opacity: 0;
-  -webkit-transition: opacity .1s .3s;
-          transition: opacity .1s .3s;

-  &._loading { opacity: 1; }
+  &._loading, &._loading:before { opacity: 1; }

  &:before {
    content: 'Loading\2026';
@ -30,5 +28,8 @@
    color: #ccc;
    text-align: center;
    letter-spacing: -.125rem;
+    opacity: 0;
+    -webkit-transition: opacity .1s .3s;
+            transition: opacity .1s .3s;
  }
 }