Newer
Older
font-size: 14px;
}
/* This accessibility tool is not useful in PDF and breaks it visually */
.aria-status {
display: none;
}
}
.reveal-viewport.reveal-reader[data-reader-scroll-bar="true"]::-webkit-scrollbar,
.reveal-viewport.reveal-reader[data-reader-scroll-bar="auto"]::-webkit-scrollbar {
display: none;
}
.reveal-viewport.reveal-reader .reader-progress {
position: sticky;
top: 50%;
z-index: 20;
opacity: 0;
transition: all 0.3s ease;
&.visible,
&:hover {
opacity: 1;
}
.reader-progress-inner {
position: absolute;
right: $controlsSpacing;
top: 0;
transform: translateY(-50%);
}
// Hit area
.reader-progress-inner:after {
content: '';
position: absolute;
width: 200%;
height: 100%;
top: 0;
left: -50%;
background: rgba( 0, 0, 0, 0 );
z-index: -1;
}
.reader-progress-playhead {
position: absolute;
width: var(--r-reader-progress-width);
height: var(--r-reader-progress-width);
background-color: #fff;
z-index: 2;
}
.reader-progress-slide {
position: absolute;
width: 100%;
background-color: rgba( 255, 255, 255, 0.2 );
border-radius: var(--r-reader-progress-width);
transition: all 0.2s ease;
.reader-progress-slide.active {
background-color: #fff;
.reader-progress-trigger {
position: absolute;
width: 100%;
transition: all 0.2s ease;
}
.reader-progress-slide.active.has-triggers {
background-color: rgba( 255, 255, 255, 0.4 );
z-index: 10;
}
.reader-progress-slide.active .reader-progress-trigger:after {
content: '';
position: absolute;
width: 4px;
height: 4px;
border-radius: 6px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #000;
/*********************************************
* PRINT STYLES
*********************************************/
@import 'print/pdf.scss';
@import 'print/paper.scss';