Home Verkennen Help
Registreren Inloggen
oleg
/
reveal.js
spiegel van https://github.com/hakimel/reveal.js.git
1
0
Vork 0
Bestanden Issues 0 Wiki
Bladeren bron

move body styles to new .reveal-viewport

Hakim El Hattab 5 jaren geleden
bovenliggende
f26fc20b55
commit
ff62b96a5d
17 gewijzigde bestanden met toevoegingen van 37 en 30 verwijderingen
Gecombineerde weergave Toon Diff Stats
  1. 1 1
      css/reveal.scss
  2. 1 1
      css/theme/template/theme.scss
  3. 0 0
      dist/reveal.css
  4. 0 0
      dist/reveal.min.js
  5. 1 1
      dist/theme/beige.css
  6. 1 1
      dist/theme/black.css
  7. 1 1
      dist/theme/blood.css
  8. 1 1
      dist/theme/league.css
  9. 1 1
      dist/theme/moon.css
  10. 1 1
      dist/theme/night.css
  11. 1 1
      dist/theme/serif.css
  12. 1 1
      dist/theme/simple.css
  13. 1 1
      dist/theme/sky.css
  14. 1 1
      dist/theme/solarized.css
  15. 1 1
      dist/theme/white.css
  16. 7 0
      js/reveal.js
  17. 17 17
      test/examples/multiple-instances.html

+ 1 - 1
css/reveal.scss
Bestand weergeven 

@@ -19,7 +19,7 @@ html {
 
 	overflow: hidden;
 
 	overflow: hidden;
 
 }
 
 }
 
 
 
-body {
 
+.reveal-viewport {
 
 	height: 100%;
 
 	height: 100%;
 
 	overflow: hidden;
 
 	overflow: hidden;
 
 	position: relative;
 
 	position: relative;

+ 1 - 1
css/theme/template/theme.scss
Bestand weergeven 

@@ -6,7 +6,7 @@
 
 
 
 @import "./exposer";
 
 @import "./exposer";
 
 
 
-body {
 
+.reveal-viewport {
 
 	@include bodyBackground();
 
 	@include bodyBackground();
 
 	background-color: $backgroundColor;
 
 	background-color: $backgroundColor;
 
 }
 
 }

File diff suppressed because it is too large
+ 0 - 0
dist/reveal.css


File diff suppressed because it is too large
+ 0 - 0
dist/reveal.min.js


+ 1 - 1
dist/theme/beige.css
Bestand weergeven 

@@ -33,7 +33,7 @@
 
   --selection-background-color: rgba(79, 64, 28, 0.99);
 
   --selection-background-color: rgba(79, 64, 28, 0.99);
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #f7f2d3;
 
   background: #f7f2d3;
 
   background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
 
   background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
 
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
 
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));

+ 1 - 1
dist/theme/black.css
Bestand weergeven 

@@ -35,7 +35,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
 
   --selection-background-color: #bee4fd;
 
   --selection-background-color: #bee4fd;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #191919;
 
   background: #191919;
 
   background-color: #191919; }
 
   background-color: #191919; }

+ 1 - 1
dist/theme/blood.css
Bestand weergeven 

@@ -38,7 +38,7 @@
 
   --selection-background-color: #a23;
 
   --selection-background-color: #a23;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #222;
 
   background: #222;
 
   background-color: #222; }
 
   background-color: #222; }

+ 1 - 1
dist/theme/league.css
Bestand weergeven 

@@ -35,7 +35,7 @@
 
   --selection-background-color: #FF5E99;
 
   --selection-background-color: #FF5E99;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #1c1e20;
 
   background: #1c1e20;
 
   background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
 
   background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
 
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
 
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));

+ 1 - 1
dist/theme/moon.css
Bestand weergeven 

@@ -39,7 +39,7 @@ html * {
 
   --selection-background-color: #d33682;
 
   --selection-background-color: #d33682;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #002b36;
 
   background: #002b36;
 
   background-color: #002b36; }
 
   background-color: #002b36; }

+ 1 - 1
dist/theme/night.css
Bestand weergeven 

@@ -33,7 +33,7 @@
 
   --selection-background-color: #e7ad52;
 
   --selection-background-color: #e7ad52;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #111;
 
   background: #111;
 
   background-color: #111; }
 
   background-color: #111; }

+ 1 - 1
dist/theme/serif.css
Bestand weergeven 

@@ -35,7 +35,7 @@
 
   --selection-background-color: #26351C;
 
   --selection-background-color: #26351C;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #F0F1EB;
 
   background: #F0F1EB;
 
   background-color: #F0F1EB; }
 
   background-color: #F0F1EB; }

+ 1 - 1
dist/theme/simple.css
Bestand weergeven 

@@ -38,7 +38,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
 
   --selection-background-color: rgba(0, 0, 0, 0.99);
 
   --selection-background-color: rgba(0, 0, 0, 0.99);
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #fff;
 
   background: #fff;
 
   background-color: #fff; }
 
   background-color: #fff; }

+ 1 - 1
dist/theme/sky.css
Bestand weergeven 

@@ -36,7 +36,7 @@
 
   --selection-background-color: #134674;
 
   --selection-background-color: #134674;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #add9e4;
 
   background: #add9e4;
 
   background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
 
   background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
 
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
 
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));

+ 1 - 1
dist/theme/solarized.css
Bestand weergeven 

@@ -39,7 +39,7 @@ html * {
 
   --selection-background-color: #d33682;
 
   --selection-background-color: #d33682;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #fdf6e3;
 
   background: #fdf6e3;
 
   background-color: #fdf6e3; }
 
   background-color: #fdf6e3; }

+ 1 - 1
dist/theme/white.css
Bestand weergeven 

@@ -35,7 +35,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
 
   --selection-background-color: #98bdef;
 
   --selection-background-color: #98bdef;
 
   --selection-color: #fff; }
 
   --selection-color: #fff; }
 
 
 
-body {
 
+.reveal-viewport {
 
   background: #fff;
 
   background: #fff;
 
   background-color: #fff; }
 
   background-color: #fff; }

+ 7 - 0
js/reveal.js
Bestand weergeven 

@@ -230,6 +230,13 @@ export default function( revealElement, options ) {
 
 			dom.wrapper.classList.remove( 'no-hover' );
 
 			dom.wrapper.classList.remove( 'no-hover' );
 
 		}
 
 		}
 
 
 
+		if( config.embedded === true ) {
 
+			revealElement.classList.add( 'reveal-viewport' );
 
+		}
 
+		else {
 
+			document.body.classList.add( 'reveal-viewport' );
 
+		}
 
+
 
 		backgrounds.render();
 
 		backgrounds.render();
 
 		slideNumber.render();
 
 		slideNumber.render();
 
 		controls.render();
 
 		controls.render();

+ 17 - 17
test/examples/multiple-instances.html
Bestand weergeven 

@@ -12,26 +12,22 @@
 
 		<link rel="stylesheet" href="../../dist/theme/white.css" id="theme">
 
 		<link rel="stylesheet" href="../../dist/theme/white.css" id="theme">
 
 	</head>
 
 	</head>
 
 
 
-	<body>
 
+	<body style="background: #ddd;">
 
 
 
 		<div style="display: flex; flex-direction: row;">
 
 		<div style="display: flex; flex-direction: row;">
 
-			<div class="deck1" style="width: 100%; height: 50vh; padding: 10px;">
 
-				<div class="reveal">
 
-					<div class="slides">
 
-						<section>1.1</section>
 
-						<section>1.2</section>
 
-						<section>1.3</section>
 
-					</div>
 
+			<div class="reveal deck1" style="width: 100%; height: 50vh; margin: 10px;">
 
+				<div class="slides">
 
+					<section>1.1</section>
 
+					<section>1.2</section>
 
+					<section>1.3</section>
 
 				</div>
 
 				</div>
 
 			</div>
 
 			</div>
 
 
 
-			<div class="deck2" style="width: 100%; height: 50vh; padding: 10px;">
 
-				<div class="reveal">
 
-					<div class="slides">
 
-						<section>2.1</section>
 
-						<section>2.2</section>
 
-						<section>2.3</section>
 
-					</div>
 
+			<div class="reveal deck2" style="width: 100%; height: 50vh; margin: 10px;">
 
+				<div class="slides">
 
+					<section>2.1</section>
 
+					<section>2.2</section>
 
+					<section>2.3</section>
 
 				</div>
 
 				</div>
 
 			</div>
 
 			</div>
 
 		</div>
 
 		</div>
 
@@ -40,10 +36,14 @@
 
 
 
 		<script>
 
 		<script>
 
 
 
-			let r1 = new Reveal( document.querySelector( '.deck1 .reveal' ) );
 
+			let r1 = new Reveal( document.querySelector( '.deck1' ), {
 
+				embedded: true
 
+			} );
 
 			r1.initialize();
 
 			r1.initialize();
 
 
 
-			let r2 = new Reveal( document.querySelector( '.deck2 .reveal' ) );
 
+			let r2 = new Reveal( document.querySelector( '.deck2' ), {
 
+				embedded: true
 
+			} );
 
 			r2.initialize();
 
 			r2.initialize();
 
 
 
 		</script>
 
 		</script>

Some files were not shown because too many files changed in this diff