webseite/assets/sass/parts/_goto-next.scss
2019-02-12 17:45:44 +01:00

38 lines
698 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('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;
}
}
}