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

update: load-viewの背景にスタイルを適用

Browse Source
This commit is contained in:
yuki540 2018-03-29 12:55:44 +09:00
parent 1d0ec9baed
commit 25deb3aede
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,4 +62,26 @@
div:nth-child(2) { left: 0; }
div:nth-child(4) { right: 0; }
}
/**
* body
*/
.load-view__body {
position: absolute;
top: 80px; left: 80px;
width: calc(100% - 160px);
height: calc(100% - 160px);
&::before,
&::after {
content: ""; display: block;
position: absolute;
width: calc(100% - 20px);
height: calc(100% - 20px);
border-radius: 5px;
background-color: rgba(255,255,255,0.2);
}
&::before { top: 0; left: 0; }
&::after { bottom: 0; right: 0; }
}
}