update: 矢印にスタイルを適用
This commit is contained in:
parent
6bf71b2db5
commit
af20c535bf
@ -644,6 +644,41 @@
|
|||||||
|
|
||||||
&::after { content: ""; display: block; clear: both; }
|
&::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; } }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user