reveal.scss 49,6 ko
Newer Older
Hakim El Hattab's avatar
Hakim El Hattab a validé
.reveal-viewport.reveal-reader::-webkit-scrollbar {
  display: none;
}

.reveal-viewport.reveal-reader .reader-progress {
	position: sticky;
	top: 50%;
	z-index: 20;

	.reader-progress-inner {
		position: absolute;
		width: 8px;
		height: 90vh;
		right: $controlsSpacing;
		top: 0;
		transform: translateY(-50%);
		border-radius: 8px;
		z-index: 10;
	}

	.reader-progress-playhead {
		position: absolute;
		width: 8px;
		height: 8px;
		top: 0;
		left: 0;
		border-radius: 8px;
		background-color: #fff;
Hakim El Hattab's avatar
Hakim El Hattab a validé
		transition: all 0.1s ease;
		z-index: 2;
	}

	.reader-progress-slide {
		position: absolute;
		width: 100%;
		transition: all 0.2s ease;
		background-color: rgba( 255, 255, 255, 0.2 );
Hakim El Hattab's avatar
Hakim El Hattab a validé
		border-radius: 8px;
	}

	.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';