MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: class等の修正

Browse Source
This commit is contained in:
yuki540 2018-04-01 19:36:51 +09:00
parent 25deb3aede
commit aa3d2731dc
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/index.html
View File

@ -40,15 +40,15 @@
<main id="root"> <main id="root">
<section class="load-view"> <section class="load-view">
<div class="load-view__frame"> <div class="load-view__frame">
<div class="load-view__frame-squares"> <div class="load-view__frame__squares">
<div></div><div></div><div></div><div></div> <div></div><div></div><div></div><div></div>
</div> </div>
<div class="load-view__frame-lines"> <div class="load-view__frame__lines">
<div></div><div></div><div></div><div></div> <div></div><div></div><div></div><div></div>
</div> </div>
</div> </div>
<div class="load-view__body"> <div class="load-view__body">
<div class="load-view__body-bg"></div> <div class="load-view__body__bg"></div>
</div> </div>
</section> </section>
</main> </main>

10
src/scss/modules/pc/load-view.scss
View File

@ -18,7 +18,7 @@
} }
/*** squares ***/ /*** squares ***/
.load-view__frame-squares { .load-view__frame__squares {
position: absolute; position: absolute;
top: 0; left: 0; top: 0; left: 0;
width: 100%; height: 100%; width: 100%; height: 100%;
@ -37,7 +37,7 @@
} }
/*** lines ***/ /*** lines ***/
.load-view__frame-lines { .load-view__frame__lines {
position: absolute; position: absolute;
top: 37px; left: 37px; top: 37px; left: 37px;
width: calc(100% - 74px); width: calc(100% - 74px);
@ -71,6 +71,12 @@
top: 80px; left: 80px; top: 80px; left: 80px;
width: calc(100% - 160px); width: calc(100% - 160px);
height: calc(100% - 160px); height: calc(100% - 160px);
}
.load-view__body__bg {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
&::before, &::before,
&::after { &::after {