38 lines
702 B
SCSS
38 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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|