theme updates, normalized spacing between block-level elements
This commit is contained in:
		| @@ -71,7 +71,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -119,7 +119,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -135,7 +135,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -59,7 +59,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -107,7 +107,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -123,7 +123,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -70,7 +70,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -118,7 +118,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -134,7 +134,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -71,7 +71,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -119,7 +119,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -135,7 +135,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -71,7 +71,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -119,7 +119,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -135,7 +135,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -59,7 +59,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -107,7 +107,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -123,7 +123,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -61,7 +61,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -109,7 +109,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -125,7 +125,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -61,7 +61,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -109,7 +109,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -125,7 +125,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -68,7 +68,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -116,7 +116,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -132,7 +132,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -71,7 +71,7 @@ body { | ||||
|  * OTHER | ||||
|  *********************************************/ | ||||
| .reveal p { | ||||
|   margin-bottom: 10px; | ||||
|   margin: 20px 0; | ||||
|   line-height: 1.3; } | ||||
|  | ||||
| /* Ensure certain elements are never larger than the slide itself */ | ||||
| @@ -119,7 +119,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 70%; | ||||
|   margin: 5px auto; | ||||
|   margin: 20px auto; | ||||
|   padding: 5px; | ||||
|   font-style: italic; | ||||
|   background: rgba(255, 255, 255, 0.05); | ||||
| @@ -135,7 +135,7 @@ body { | ||||
|   display: block; | ||||
|   position: relative; | ||||
|   width: 90%; | ||||
|   margin: 15px auto; | ||||
|   margin: 20px auto; | ||||
|   text-align: left; | ||||
|   font-size: 0.55em; | ||||
|   font-family: monospace; | ||||
|   | ||||
| @@ -9,8 +9,11 @@ $mainFont: 'Lato', sans-serif; | ||||
| $mainFontSize: 36px; | ||||
| $mainColor: #eee; | ||||
|  | ||||
| // Vertical spacing between blocks of text | ||||
| $blockMargin: 20px; | ||||
|  | ||||
| // Headings | ||||
| $headingMargin: 0 0 20px 0; | ||||
| $headingMargin: 0 0 $blockMargin 0; | ||||
| $headingFont: 'League Gothic', Impact, sans-serif; | ||||
| $headingColor: #eee; | ||||
| $headingLineHeight: 1.2; | ||||
|   | ||||
| @@ -66,7 +66,7 @@ body { | ||||
|  *********************************************/ | ||||
|  | ||||
| .reveal p { | ||||
| 	margin-bottom: 10px; | ||||
| 	margin: $blockMargin 0; | ||||
| 	line-height: 1.3; | ||||
| } | ||||
|  | ||||
| @@ -136,7 +136,7 @@ body { | ||||
| 	display: block; | ||||
| 	position: relative; | ||||
| 	width: 70%; | ||||
| 	margin: 5px auto; | ||||
| 	margin: $blockMargin auto; | ||||
| 	padding: 5px; | ||||
|  | ||||
| 	font-style: italic; | ||||
| @@ -156,7 +156,7 @@ body { | ||||
| 	display: block; | ||||
| 	position: relative; | ||||
| 	width: 90%; | ||||
| 	margin: 15px auto; | ||||
| 	margin: $blockMargin auto; | ||||
|  | ||||
| 	text-align: left; | ||||
| 	font-size: 0.55em; | ||||
|   | ||||
| @@ -42,7 +42,7 @@ | ||||
| 			<div class="slides"> | ||||
| 				<section> | ||||
| 					<h1>Reveal.js</h1> | ||||
| 					<h3>HTML Presentations Made Easy</h3> | ||||
| 					<h3>The HTML Presentation Framwork</h3> | ||||
| 					<p> | ||||
| 						<small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small> | ||||
| 					</p> | ||||
| @@ -326,8 +326,6 @@ function linkify( selector ) { | ||||
| 						<p class="fragment roll-in">roll-in</p> | ||||
| 						<p class="fragment fade-out">fade-out</p> | ||||
| 						<p class="fragment highlight-red">highlight-red</p> | ||||
| 						<p class="fragment highlight-green">highlight-green</p> | ||||
| 						<p class="fragment highlight-blue">highlight-blue</p> | ||||
| 						<p class="fragment current-visible">current-visible</p> | ||||
| 						<p class="fragment highlight-current-blue">highlight-current-blue</p> | ||||
| 					</section> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user