Не работает height 100%

Хочу сделать вертикальные стрелки на сайт, да и не получается..

Препроцессор sass

Код:

.lines
position: absolute
top: 0
left: 0
width: 100%
height: 100%
z-index: -1
&-container
    display: flex
    justify-content: space-between
    max-width: 1200px
    margin: 0 auto
& span
    display: inline-block
    height: 100%
    width: 2px
    background-color: #D9F2FF
    opacity: .5

Проблема в том что, когда задаю height: 100px к примеру на span, то всё работает, но мне нужно задать height: 100%.