webseite/assets/scss/parts/_goto-next.scss
2019-12-02 01:05:55 +01:00

37 lines
702 B
SCSS

/* Goto Next */
.goto-next {
border: 0;
bottom: 0;
display: block;
height: 5em;
left: 50%;
margin: 0 0 0 -5em;
overflow: hidden;
position: absolute;
text-indent: 10em;
white-space: nowrap;
width: 10em;
z-index: 1;
&::before {
background-image: url('/css/images/arrow.svg');
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
content: '';
display: block;
height: 1.5em;
left: 50%;
margin: -0.75em 0 0 -1em;
position: absolute;
top: 50%;
width: 2em;
z-index: 1;
@include breakpoint(phablet) {
height: 0.8em;
margin: -0.4em 0 0 -0.6em;
width: 1.2em;
}
}
}