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

update: 矢印にスタイルを適用

Browse Source
This commit is contained in:
yuki540 2018-02-23 10:22:54 +09:00
parent 6bf71b2db5
commit af20c535bf
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -644,6 +644,41 @@
&::after { content: ""; display: block; clear: both; }
}
/*** arrows ***/
.arrows {
position: absolute;
top: calc(50% + 40px); left: calc(50% - 340px);
width: 680px; height: 45px;
.arrow {
position: relative;
width: 100%; height: 10px;
margin-bottom: 3px;
overflow: hidden;
div {
content: ""; display: block;
position: absolute;
top: 4px; left: 0;
width: 100%; height: 2px;
background-color: #222;
transform: translateX(calc(-100% - 3px));
&::after {
content: ""; display: block;
position: absolute;
right: -3px; top: -5.5px;
width: 0; height: 0;
border-top: solid 6px transparent;
border-left: solid 15px #222;
border-bottom: solid 6px transparent;
}
}
}
.arrow:nth-child(1) { div { width: 190px; } }
.arrow:nth-child(2) { div { width: 360px; } }
}
}
}