webseite/assets/scss/parts/_goto-next.scss

38 lines
702 B
SCSS
Raw Permalink Normal View History

2019-02-12 17:45:44 +01:00
/* 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 {
2019-05-05 16:46:24 +02:00
background-image: url('/css/images/arrow.svg');
2019-02-12 17:45:44 +01:00
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;
}
}
}