reveal.scss 50,7 ko
Newer Older
		font-size: 14px;
	}

	/* This accessibility tool is not useful in PDF and breaks it visually */
	.aria-status {
		display: none;
	}
}

Hakim El Hattab's avatar
Hakim El Hattab a validé
.reveal-viewport.reveal-reader[data-reader-scroll-bar="true"]::-webkit-scrollbar,
.reveal-viewport.reveal-reader[data-reader-scroll-bar="auto"]::-webkit-scrollbar {
Hakim El Hattab's avatar
Hakim El Hattab a validé
  display: none;
}

.has-dark-background {
	--r-overlay-element-bg-color: 240, 240, 240;
	--r-overlay-element-fg-color: 0, 0, 0;
}
.has-light-background {
	--r-overlay-element-bg-color: 0, 0, 0;
	--r-overlay-element-fg-color: 240, 240, 240;
}

Hakim El Hattab's avatar
Hakim El Hattab a validé
.reveal-viewport.reveal-reader .reader-progress {
	position: sticky;
	top: 50%;
	z-index: 20;
	opacity: 0;
	transition: all 0.3s ease;

	&.visible,
	&:hover {
		opacity: 1;
	}
Hakim El Hattab's avatar
Hakim El Hattab a validé

	.reader-progress-inner {
		position: absolute;
Hakim El Hattab's avatar
Hakim El Hattab a validé
		width: var(--r-reader-progress-width);
Hakim El Hattab's avatar
Hakim El Hattab a validé
		height: 90vh;
Hakim El Hattab's avatar
Hakim El Hattab a validé
		height: 90svh;
Hakim El Hattab's avatar
Hakim El Hattab a validé
		right: $controlsSpacing;
		top: 0;
		transform: translateY(-50%);
Hakim El Hattab's avatar
Hakim El Hattab a validé
		border-radius: var(--r-reader-progress-width);
Hakim El Hattab's avatar
Hakim El Hattab a validé
		z-index: 10;
Hakim El Hattab's avatar
Hakim El Hattab a validé
	}

	// 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;
Hakim El Hattab's avatar
Hakim El Hattab a validé
	}

	.reader-progress-playhead {
		position: absolute;
Hakim El Hattab's avatar
Hakim El Hattab a validé
		width: var(--r-reader-progress-width);
		height: var(--r-reader-progress-width);
Hakim El Hattab's avatar
Hakim El Hattab a validé
		top: 0;
		left: 0;
Hakim El Hattab's avatar
Hakim El Hattab a validé
		border-radius: var(--r-reader-progress-width);
		background-color: rgba(var(--r-overlay-element-bg-color), 1);
		z-index: 10;
		transition: background-color 0.2s ease;
Hakim El Hattab's avatar
Hakim El Hattab a validé
	}

	.reader-progress-slide {
		position: absolute;
		width: 100%;
		background-color: rgba(var(--r-overlay-element-bg-color), 0.2);
		box-shadow: 0 0 0px 1px rgba(var(--r-overlay-element-fg-color), 0.1);
Hakim El Hattab's avatar
Hakim El Hattab a validé
		border-radius: var(--r-reader-progress-width);
		transition: background-color 0.2s ease;
	.reader-progress-slide.active {
		background-color: rgba(var(--r-overlay-element-bg-color), 1);
	.reader-progress-trigger {
		position: absolute;
		width: 100%;
		transition: background-color 0.2s ease;
	.reader-progress-slide.active.has-triggers {
		background-color: rgba(var(--r-overlay-element-bg-color), 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-color: rgba(var(--r-overlay-element-fg-color), 0.8);
/*********************************************
 * PRINT STYLES
 *********************************************/

@import 'print/pdf.scss';
@import 'print/paper.scss';