update: ロード画面の終了要素にスタイルを適用

2018-02-23 17:07:44 +09:00 · 2018-02-23 17:07:44 +09:00 · 7866ecec78
commit 7866ecec78
parent f25eef1006
1 changed files with 18 additions and 0 deletions
--- a/src/scss/modules/pc/load-view.scss
+++ b/src/scss/modules/pc/load-view.scss
@ -924,6 +924,24 @@
        &::after  { transform: rotate(-45deg); }
      }
    }
+
+    /**
+     * end-load-view
+     */
+    .end-load-view {
+      position: absolute;
+      top: 0; left: 0;
+      width: 100%; height: 100%;
+      z-index: 8;
+
+      div {
+        position: absolute;
+        top: 0; left: 50%;
+        width: 0%; height: 100%;
+      }
+      div:nth-child(1) { background-color: $theme-light-purple; }
+      div:nth-child(2) { background-color: $theme-light-pink; }
+    }
  }

  #load-view[data-state="fin"] {