diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss index 5f4d069..2fef6ed 100644 --- a/src/scss/modules/pc/load-view.scss +++ b/src/scss/modules/pc/load-view.scss @@ -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; } } + } } }