Compare commits
11 Commits
apa
...
code-share
| Author | SHA1 | Date | |
|---|---|---|---|
|
b18f12d964 | ||
|
|
0dbe29b53e | ||
|
9ca5068eee | ||
|
|
28509e0c39 | ||
|
|
4d443826ab | ||
|
|
20d7c87a2f | ||
|
|
ade234576e | ||
|
|
a453ac08a8 | ||
|
|
aab4c0c3cc | ||
|
|
1be851658f | ||
|
76a81939a7 |
@@ -1,28 +1,28 @@
|
|||||||
// Exposes theme's variables for easy re-use in CSS for plugin authors
|
// Exposes theme's variables for easy re-use in CSS for plugin authors
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--background-color: #{$backgroundColor};
|
--r-background-color: #{$backgroundColor};
|
||||||
--main-font: #{$mainFont};
|
--r-main-font: #{$mainFont};
|
||||||
--main-font-size: #{$mainFontSize};
|
--r-main-font-size: #{$mainFontSize};
|
||||||
--main-color: #{$mainColor};
|
--r-main-color: #{$mainColor};
|
||||||
--block-margin: #{$blockMargin};
|
--r-block-margin: #{$blockMargin};
|
||||||
--heading-margin: #{$headingMargin};
|
--r-heading-margin: #{$headingMargin};
|
||||||
--heading-font: #{$headingFont};
|
--r-heading-font: #{$headingFont};
|
||||||
--heading-color: #{$headingColor};
|
--r-heading-color: #{$headingColor};
|
||||||
--heading-line-height: #{$headingLineHeight};
|
--r-heading-line-height: #{$headingLineHeight};
|
||||||
--heading-letter-spacing: #{$headingLetterSpacing};
|
--r-heading-letter-spacing: #{$headingLetterSpacing};
|
||||||
--heading-text-transform: #{$headingTextTransform};
|
--r-heading-text-transform: #{$headingTextTransform};
|
||||||
--heading-text-shadow: #{$headingTextShadow};
|
--r-heading-text-shadow: #{$headingTextShadow};
|
||||||
--heading-font-weight: #{$headingFontWeight};
|
--r-heading-font-weight: #{$headingFontWeight};
|
||||||
--heading1-text-shadow: #{$heading1TextShadow};
|
--r-heading1-text-shadow: #{$heading1TextShadow};
|
||||||
--heading1-size: #{$heading1Size};
|
--r-heading1-size: #{$heading1Size};
|
||||||
--heading2-size: #{$heading2Size};
|
--r-heading2-size: #{$heading2Size};
|
||||||
--heading3-size: #{$heading3Size};
|
--r-heading3-size: #{$heading3Size};
|
||||||
--heading4-size: #{$heading4Size};
|
--r-heading4-size: #{$heading4Size};
|
||||||
--code-font: #{$codeFont};
|
--r-code-font: #{$codeFont};
|
||||||
--link-color: #{$linkColor};
|
--r-link-color: #{$linkColor};
|
||||||
--link-color-dark: #{darken($linkColor , 15% )};
|
--r-link-color-dark: #{darken($linkColor , 15% )};
|
||||||
--link-color-hover: #{$linkColorHover};
|
--r-link-color-hover: #{$linkColorHover};
|
||||||
--selection-background-color: #{$selectionBackgroundColor};
|
--r-selection-background-color: #{$selectionBackgroundColor};
|
||||||
--selection-color: #{$selectionColor};
|
--r-selection-color: #{$selectionColor};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,25 +8,25 @@
|
|||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@include bodyBackground();
|
@include bodyBackground();
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -46,27 +46,27 @@
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
|
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
|
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {font-size: var(--heading1-size); }
|
.reveal h1 {font-size: var(--r-heading1-size); }
|
||||||
.reveal h2 {font-size: var(--heading2-size); }
|
.reveal h2 {font-size: var(--r-heading2-size); }
|
||||||
.reveal h3 {font-size: var(--heading3-size); }
|
.reveal h3 {font-size: var(--r-heading3-size); }
|
||||||
.reveal h4 {font-size: var(--heading4-size); }
|
.reveal h4 {font-size: var(--r-heading4-size); }
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -150,7 +150,7 @@
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
@@ -170,11 +170,11 @@
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
|
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
@@ -183,7 +183,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -257,7 +257,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -266,20 +266,20 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color .15s ease;
|
transition: color .15s ease;
|
||||||
}
|
}
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
// background: darken( var(--link-color), 15% );
|
// background: darken( var(--r-link-color), 15% );
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -289,7 +289,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -298,7 +298,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -308,7 +308,7 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -318,7 +318,7 @@
|
|||||||
|
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0,0,0,0.2);
|
background: rgba(0,0,0,0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -326,6 +326,6 @@
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
2
dist/reveal.esm.js
vendored
2
dist/reveal.esm.js
vendored
File diff suppressed because one or more lines are too long
2
dist/reveal.js
vendored
2
dist/reveal.js
vendored
File diff suppressed because one or more lines are too long
118
dist/theme/beige.css
vendored
118
dist/theme/beige.css
vendored
@@ -13,30 +13,30 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #f7f3de;
|
--r-background-color: #f7f3de;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #333;
|
--r-main-color: #333;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #333;
|
--r-heading-color: #333;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
--r-heading1-text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #8b743d;
|
--r-link-color: #8b743d;
|
||||||
--link-color-dark: #564826;
|
--r-link-color-dark: #564826;
|
||||||
--link-color-hover: #c0a86e;
|
--r-link-color-hover: #c0a86e;
|
||||||
--selection-background-color: rgba(79, 64, 28, 0.99);
|
--r-selection-background-color: rgba(79, 64, 28, 0.99);
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@@ -47,25 +47,25 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -84,42 +84,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -194,7 +194,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -214,17 +214,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -299,34 +299,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -335,7 +335,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -343,7 +343,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -351,7 +351,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -359,6 +359,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/black.css
vendored
118
dist/theme/black.css
vendored
@@ -12,53 +12,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #191919;
|
--r-background-color: #191919;
|
||||||
--main-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-main-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--main-font-size: 42px;
|
--r-main-font-size: 42px;
|
||||||
--main-color: #fff;
|
--r-main-color: #fff;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-heading-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--heading-color: #fff;
|
--r-heading-color: #fff;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: 600;
|
--r-heading-font-weight: 600;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 2.5em;
|
--r-heading1-size: 2.5em;
|
||||||
--heading2-size: 1.6em;
|
--r-heading2-size: 1.6em;
|
||||||
--heading3-size: 1.3em;
|
--r-heading3-size: 1.3em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #42affa;
|
--r-link-color: #42affa;
|
||||||
--link-color-dark: #068de9;
|
--r-link-color-dark: #068de9;
|
||||||
--link-color-hover: #8dcffc;
|
--r-link-color-hover: #8dcffc;
|
||||||
--selection-background-color: #bee4fd;
|
--r-selection-background-color: #bee4fd;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #191919;
|
background: #191919;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,42 +77,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -187,7 +187,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -207,17 +207,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -292,34 +292,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -328,7 +328,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -344,7 +344,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -352,6 +352,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/blood.css
vendored
118
dist/theme/blood.css
vendored
@@ -18,53 +18,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #222;
|
--r-background-color: #222;
|
||||||
--main-font: Ubuntu, sans-serif;
|
--r-main-font: Ubuntu, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #eee;
|
--r-main-color: #eee;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Ubuntu, sans-serif;
|
--r-heading-font: Ubuntu, sans-serif;
|
||||||
--heading-color: #eee;
|
--r-heading-color: #eee;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: 2px 2px 2px #222;
|
--r-heading-text-shadow: 2px 2px 2px #222;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
--r-heading1-text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #a23;
|
--r-link-color: #a23;
|
||||||
--link-color-dark: #6a1520;
|
--r-link-color-dark: #6a1520;
|
||||||
--link-color-hover: #dd5566;
|
--r-link-color-hover: #dd5566;
|
||||||
--selection-background-color: #a23;
|
--r-selection-background-color: #a23;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #222;
|
background: #222;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -83,42 +83,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -193,7 +193,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -213,17 +213,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -298,34 +298,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -334,7 +334,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -342,7 +342,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -350,7 +350,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -358,7 +358,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.reveal p {
|
.reveal p {
|
||||||
|
|||||||
118
dist/theme/league.css
vendored
118
dist/theme/league.css
vendored
@@ -15,30 +15,30 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #2b2b2b;
|
--r-background-color: #2b2b2b;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #eee;
|
--r-main-color: #eee;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #eee;
|
--r-heading-color: #eee;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
--r-heading-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
--r-heading1-text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15);
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #13DAEC;
|
--r-link-color: #13DAEC;
|
||||||
--link-color-dark: #0d99a5;
|
--r-link-color-dark: #0d99a5;
|
||||||
--link-color-hover: #71e9f4;
|
--r-link-color-hover: #71e9f4;
|
||||||
--selection-background-color: #FF5E99;
|
--r-selection-background-color: #FF5E99;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@@ -49,25 +49,25 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -86,42 +86,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -196,7 +196,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -216,17 +216,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -301,34 +301,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -337,7 +337,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -345,7 +345,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -353,7 +353,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -361,6 +361,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/moon.css
vendored
118
dist/theme/moon.css
vendored
@@ -20,53 +20,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #002b36;
|
--r-background-color: #002b36;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #93a1a1;
|
--r-main-color: #93a1a1;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #eee8d5;
|
--r-heading-color: #eee8d5;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #268bd2;
|
--r-link-color: #268bd2;
|
||||||
--link-color-dark: #1a6091;
|
--r-link-color-dark: #1a6091;
|
||||||
--link-color-hover: #78b9e6;
|
--r-link-color-hover: #78b9e6;
|
||||||
--selection-background-color: #d33682;
|
--r-selection-background-color: #d33682;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #002b36;
|
background: #002b36;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -85,42 +85,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -195,7 +195,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -215,17 +215,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -300,34 +300,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -344,7 +344,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -352,7 +352,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -360,6 +360,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/night.css
vendored
118
dist/theme/night.css
vendored
@@ -13,53 +13,53 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #111;
|
--r-background-color: #111;
|
||||||
--main-font: Open Sans, sans-serif;
|
--r-main-font: Open Sans, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #eee;
|
--r-main-color: #eee;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Montserrat, Impact, sans-serif;
|
--r-heading-font: Montserrat, Impact, sans-serif;
|
||||||
--heading-color: #eee;
|
--r-heading-color: #eee;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: -0.03em;
|
--r-heading-letter-spacing: -0.03em;
|
||||||
--heading-text-transform: none;
|
--r-heading-text-transform: none;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #e7ad52;
|
--r-link-color: #e7ad52;
|
||||||
--link-color-dark: #d08a1d;
|
--r-link-color-dark: #d08a1d;
|
||||||
--link-color-hover: #f3d7ac;
|
--r-link-color-hover: #f3d7ac;
|
||||||
--selection-background-color: #e7ad52;
|
--r-selection-background-color: #e7ad52;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #111;
|
background: #111;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -78,42 +78,42 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -188,7 +188,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -208,17 +208,17 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -293,34 +293,34 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -329,7 +329,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -337,7 +337,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -345,7 +345,7 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -353,6 +353,6 @@ section.has-light-background, section.has-light-background h1, section.has-light
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/serif.css
vendored
118
dist/theme/serif.css
vendored
@@ -16,53 +16,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #F0F1EB;
|
--r-background-color: #F0F1EB;
|
||||||
--main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
--r-main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #000;
|
--r-main-color: #000;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
--r-heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif;
|
||||||
--heading-color: #383D3D;
|
--r-heading-color: #383D3D;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: none;
|
--r-heading-text-transform: none;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #51483D;
|
--r-link-color: #51483D;
|
||||||
--link-color-dark: #25211c;
|
--r-link-color-dark: #25211c;
|
||||||
--link-color-hover: #8b7c69;
|
--r-link-color-hover: #8b7c69;
|
||||||
--selection-background-color: #26351C;
|
--r-selection-background-color: #26351C;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #F0F1EB;
|
background: #F0F1EB;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -81,42 +81,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -191,7 +191,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -211,17 +211,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -296,34 +296,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -332,7 +332,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -340,7 +340,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -348,7 +348,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -356,6 +356,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/simple.css
vendored
118
dist/theme/simple.css
vendored
@@ -15,53 +15,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #fff;
|
--r-background-color: #fff;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #000;
|
--r-main-color: #000;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: News Cycle, Impact, sans-serif;
|
--r-heading-font: News Cycle, Impact, sans-serif;
|
||||||
--heading-color: #000;
|
--r-heading-color: #000;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: none;
|
--r-heading-text-transform: none;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #00008B;
|
--r-link-color: #00008B;
|
||||||
--link-color-dark: #00003f;
|
--r-link-color-dark: #00003f;
|
||||||
--link-color-hover: #0000f1;
|
--r-link-color-hover: #0000f1;
|
||||||
--selection-background-color: rgba(0, 0, 0, 0.99);
|
--r-selection-background-color: rgba(0, 0, 0, 0.99);
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -80,42 +80,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -190,7 +190,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -210,17 +210,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -295,34 +295,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -331,7 +331,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -339,7 +339,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -347,7 +347,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -355,6 +355,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/sky.css
vendored
118
dist/theme/sky.css
vendored
@@ -17,30 +17,30 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #f7fbfc;
|
--r-background-color: #f7fbfc;
|
||||||
--main-font: Open Sans, sans-serif;
|
--r-main-font: Open Sans, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #333;
|
--r-main-color: #333;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Quicksand, sans-serif;
|
--r-heading-font: Quicksand, sans-serif;
|
||||||
--heading-color: #333;
|
--r-heading-color: #333;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: -0.08em;
|
--r-heading-letter-spacing: -0.08em;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #3b759e;
|
--r-link-color: #3b759e;
|
||||||
--link-color-dark: #264c66;
|
--r-link-color-dark: #264c66;
|
||||||
--link-color-hover: #74a7cb;
|
--r-link-color-hover: #74a7cb;
|
||||||
--selection-background-color: #134674;
|
--r-selection-background-color: #134674;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
@@ -51,25 +51,25 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -88,42 +88,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -198,7 +198,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -218,17 +218,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -303,34 +303,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -339,7 +339,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -347,7 +347,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -355,7 +355,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -363,6 +363,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/solarized.css
vendored
118
dist/theme/solarized.css
vendored
@@ -16,53 +16,53 @@ html * {
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #fdf6e3;
|
--r-background-color: #fdf6e3;
|
||||||
--main-font: Lato, sans-serif;
|
--r-main-font: Lato, sans-serif;
|
||||||
--main-font-size: 40px;
|
--r-main-font-size: 40px;
|
||||||
--main-color: #657b83;
|
--r-main-color: #657b83;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: League Gothic, Impact, sans-serif;
|
--r-heading-font: League Gothic, Impact, sans-serif;
|
||||||
--heading-color: #586e75;
|
--r-heading-color: #586e75;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: normal;
|
--r-heading-font-weight: normal;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 3.77em;
|
--r-heading1-size: 3.77em;
|
||||||
--heading2-size: 2.11em;
|
--r-heading2-size: 2.11em;
|
||||||
--heading3-size: 1.55em;
|
--r-heading3-size: 1.55em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #268bd2;
|
--r-link-color: #268bd2;
|
||||||
--link-color-dark: #1a6091;
|
--r-link-color-dark: #1a6091;
|
||||||
--link-color-hover: #78b9e6;
|
--r-link-color-hover: #78b9e6;
|
||||||
--selection-background-color: #d33682;
|
--r-selection-background-color: #d33682;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fdf6e3;
|
background: #fdf6e3;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -81,42 +81,42 @@ html * {
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -191,7 +191,7 @@ html * {
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -211,17 +211,17 @@ html * {
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -296,34 +296,34 @@ html * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -332,7 +332,7 @@ html * {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -340,7 +340,7 @@ html * {
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -348,7 +348,7 @@ html * {
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -356,6 +356,6 @@ html * {
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
118
dist/theme/white.css
vendored
118
dist/theme/white.css
vendored
@@ -12,53 +12,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* GLOBAL STYLES
|
* GLOBAL STYLES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
:root {
|
:root {
|
||||||
--background-color: #fff;
|
--r-background-color: #fff;
|
||||||
--main-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-main-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--main-font-size: 42px;
|
--r-main-font-size: 42px;
|
||||||
--main-color: #222;
|
--r-main-color: #222;
|
||||||
--block-margin: 20px;
|
--r-block-margin: 20px;
|
||||||
--heading-margin: 0 0 20px 0;
|
--r-heading-margin: 0 0 20px 0;
|
||||||
--heading-font: Source Sans Pro, Helvetica, sans-serif;
|
--r-heading-font: Source Sans Pro, Helvetica, sans-serif;
|
||||||
--heading-color: #222;
|
--r-heading-color: #222;
|
||||||
--heading-line-height: 1.2;
|
--r-heading-line-height: 1.2;
|
||||||
--heading-letter-spacing: normal;
|
--r-heading-letter-spacing: normal;
|
||||||
--heading-text-transform: uppercase;
|
--r-heading-text-transform: uppercase;
|
||||||
--heading-text-shadow: none;
|
--r-heading-text-shadow: none;
|
||||||
--heading-font-weight: 600;
|
--r-heading-font-weight: 600;
|
||||||
--heading1-text-shadow: none;
|
--r-heading1-text-shadow: none;
|
||||||
--heading1-size: 2.5em;
|
--r-heading1-size: 2.5em;
|
||||||
--heading2-size: 1.6em;
|
--r-heading2-size: 1.6em;
|
||||||
--heading3-size: 1.3em;
|
--r-heading3-size: 1.3em;
|
||||||
--heading4-size: 1em;
|
--r-heading4-size: 1em;
|
||||||
--code-font: monospace;
|
--r-code-font: monospace;
|
||||||
--link-color: #2a76dd;
|
--r-link-color: #2a76dd;
|
||||||
--link-color-dark: #1a53a1;
|
--r-link-color-dark: #1a53a1;
|
||||||
--link-color-hover: #6ca0e8;
|
--r-link-color-hover: #6ca0e8;
|
||||||
--selection-background-color: #98bdef;
|
--r-selection-background-color: #98bdef;
|
||||||
--selection-color: #fff;
|
--r-selection-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-viewport {
|
.reveal-viewport {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: var(--main-font);
|
font-family: var(--r-main-font);
|
||||||
font-size: var(--main-font-size);
|
font-size: var(--r-main-font-size);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: var(--main-color);
|
color: var(--r-main-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::selection {
|
.reveal ::selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal ::-moz-selection {
|
.reveal ::-moz-selection {
|
||||||
color: var(--selection-color);
|
color: var(--r-selection-color);
|
||||||
background: var(--selection-background-color);
|
background: var(--r-selection-background-color);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -77,42 +77,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: var(--heading-margin);
|
margin: var(--r-heading-margin);
|
||||||
color: var(--heading-color);
|
color: var(--r-heading-color);
|
||||||
font-family: var(--heading-font);
|
font-family: var(--r-heading-font);
|
||||||
font-weight: var(--heading-font-weight);
|
font-weight: var(--r-heading-font-weight);
|
||||||
line-height: var(--heading-line-height);
|
line-height: var(--r-heading-line-height);
|
||||||
letter-spacing: var(--heading-letter-spacing);
|
letter-spacing: var(--r-heading-letter-spacing);
|
||||||
text-transform: var(--heading-text-transform);
|
text-transform: var(--r-heading-text-transform);
|
||||||
text-shadow: var(--heading-text-shadow);
|
text-shadow: var(--r-heading-text-shadow);
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
font-size: var(--heading1-size);
|
font-size: var(--r-heading1-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h2 {
|
.reveal h2 {
|
||||||
font-size: var(--heading2-size);
|
font-size: var(--r-heading2-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h3 {
|
.reveal h3 {
|
||||||
font-size: var(--heading3-size);
|
font-size: var(--r-heading3-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h4 {
|
.reveal h4 {
|
||||||
font-size: var(--heading4-size);
|
font-size: var(--r-heading4-size);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal h1 {
|
.reveal h1 {
|
||||||
text-shadow: var(--heading1-text-shadow);
|
text-shadow: var(--r-heading1-text-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* OTHER
|
* OTHER
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -187,7 +187,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background: rgba(255, 255, 255, 0.05);
|
background: rgba(255, 255, 255, 0.05);
|
||||||
@@ -207,17 +207,17 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: var(--block-margin) auto;
|
margin: var(--r-block-margin) auto;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
font-size: 0.55em;
|
font-size: 0.55em;
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal code {
|
.reveal code {
|
||||||
font-family: var(--code-font);
|
font-family: var(--r-code-font);
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
tab-size: 2;
|
tab-size: 2;
|
||||||
}
|
}
|
||||||
@@ -292,34 +292,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal img {
|
.reveal img {
|
||||||
margin: var(--block-margin) 0;
|
margin: var(--r-block-margin) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* LINKS
|
* LINKS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal a {
|
.reveal a {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: color 0.15s ease;
|
transition: color 0.15s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover {
|
.reveal a:hover {
|
||||||
color: var(--link-color-hover);
|
color: var(--r-link-color-hover);
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal .roll span:after {
|
.reveal .roll span:after {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: var(--link-color-dark);
|
background: var(--r-link-color-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* Frame helper
|
* Frame helper
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .r-frame {
|
.reveal .r-frame {
|
||||||
border: 4px solid var(--main-color);
|
border: 4px solid var(--r-main-color);
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -328,7 +328,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
}
|
}
|
||||||
|
|
||||||
.reveal a:hover .r-frame {
|
.reveal a:hover .r-frame {
|
||||||
border-color: var(--link-color);
|
border-color: var(--r-link-color);
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -336,7 +336,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
* NAVIGATION CONTROLS
|
* NAVIGATION CONTROLS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls {
|
.reveal .controls {
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -344,7 +344,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .progress {
|
.reveal .progress {
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: var(--link-color);
|
color: var(--r-link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
@@ -352,6 +352,6 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba
|
|||||||
*********************************************/
|
*********************************************/
|
||||||
@media print {
|
@media print {
|
||||||
.backgrounds {
|
.backgrounds {
|
||||||
background-color: var(--background-color);
|
background-color: var(--r-background-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
BIN
images/meme.jpg
BIN
images/meme.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
202
index.html
202
index.html
@@ -16,206 +16,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="reveal">
|
<div class="reveal">
|
||||||
<div class="slides">
|
<div class="slides">
|
||||||
<section>APA Format Guide</section>
|
<section>Slide 1</section>
|
||||||
<section>
|
<section>Slide 2</section>
|
||||||
<section>
|
|
||||||
<blockquote>As a general rule, in English there is no space before and one space after a punctuation mark.</blockquote>
|
|
||||||
</section>
|
|
||||||
<section data-transition="zoom"><h1>put</h1></section>
|
|
||||||
<section data-transition="zoom"><h1>space</h1></section>
|
|
||||||
<section data-transition="zoom"><h1>after</h1></section>
|
|
||||||
<section data-transition="zoom"><h1>punctuation</h1></section>
|
|
||||||
<section data-transition="zoom"><h1>mark</h1></section>
|
|
||||||
<section data-transition="zoom" data-background-image="images/meme.jpg" data-background-size="250px" data-background-repeat="repeat">
|
|
||||||
<div style="padding: 30px; background-color: rgba(0, 0, 0, 0.8); border-radius: 39px;">
|
|
||||||
<h2>wrong</h2>
|
|
||||||
<ul>
|
|
||||||
<li>...computer games,video games</li>
|
|
||||||
<li>...computer games(Project DIVA).</li>
|
|
||||||
<li>...computer games.So we...</li>
|
|
||||||
<li>"...computer games"So we...</li>
|
|
||||||
<li>"...computer games"(such as...)</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<section>
|
|
||||||
<h3>Ways</h3>
|
|
||||||
<p>to ciet a source in APA format</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h3>Author(s)</h3>
|
|
||||||
<p>Ford, R. G., Macintosh, J. P., & Rose, P. M.</p>
|
|
||||||
<span class="fragment show">Last name</span>
|
|
||||||
<span class="fragment show">, first name (initial)</span>
|
|
||||||
<span class="fragment show">, middle namee (initial)</span>
|
|
||||||
<span class="fragment show">period.</span>
|
|
||||||
<span class="fragment show">& (more than one author)</span>
|
|
||||||
</section>
|
|
||||||
<section data-markdown>
|
|
||||||
### Date of publication
|
|
||||||
|
|
||||||
- (2019).
|
|
||||||
- (2020, April 9).
|
|
||||||
- (n.d.).
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h3>Citing a book</h3>
|
|
||||||
<p>Ford, R. G. (2015).
|
|
||||||
<em class="fragment highlight-green">The benefits of natural grass.</em>
|
|
||||||
Eugene, Oregon: University of Oregon.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h3>Online Newspaper Article</h3>
|
|
||||||
<p>
|
|
||||||
Roberts, S. (2020, April 9). Early string ties us to Neanderthals.
|
|
||||||
<em class="fragment highlight-green">The New York Times.</em>
|
|
||||||
<a href="">https://www.nytimes.com/2020/04/09/science/neanderthals-fiber-string-math.html</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h3>Journal article with a DOI</h3>
|
|
||||||
<p>
|
|
||||||
Author, A., & Author, B. (year). Title of article.
|
|
||||||
<em>
|
|
||||||
<span class="fragment highlight-green">Journal Title,</span>
|
|
||||||
<span class="fragment highlight-red">Volume</span>
|
|
||||||
</em>(Issue), page range. DOI
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Schmidt, F. L., & Oh, I.-S. (2016). Is lack of replication the real problem? Or is it something else?
|
|
||||||
<em>
|
|
||||||
<span class="fragment highlight-green">Archives of Scientific Psychology,</span>
|
|
||||||
<span class="fragment highlight-red">4</span>
|
|
||||||
</em>
|
|
||||||
(1), 32–37.
|
|
||||||
<a>https://doi.org/10.1037/arc0000029</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h3>Webpage</h3>
|
|
||||||
<p>
|
|
||||||
Author, A., & Author, B. (year).
|
|
||||||
<em class="fragment highlight-green">Title of page</em>.
|
|
||||||
Site Name.
|
|
||||||
<span class="fragment highlight-blue">Retrieved month day, year from</span>
|
|
||||||
URL
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Machado, J., & Turner, K. (2020, March 7).
|
|
||||||
<em class="fragment highlight-green">The future of feminism</em>.
|
|
||||||
VOX.
|
|
||||||
<span class="fragment highlight-blue">Retrieved January 7, 2020 from</span>
|
|
||||||
<a>https://www.vox.com/identities/2020/3/7/21163193/international-womens-day-2020</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h3>Report by a Group Author</h3>
|
|
||||||
<p>
|
|
||||||
Group Author. (year). <em class="fragment highlight-green">Title of page</em>. Site name. URL
|
|
||||||
</p>
|
|
||||||
BBC News. (2012).
|
|
||||||
<em class="fragment highlight-green">Hatsune Miku: Japan's computer-generated pop star's 'last' tour</em>.
|
|
||||||
<a>https://www.bbc.com/news/av/entertainment-arts-17310976</a>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<section>
|
|
||||||
<h3>In-text citation</h3>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p>Which is correct?</p>
|
|
||||||
<ol>
|
|
||||||
<li>"Bla bla bla." (Smith, 2021, p. 39).</li>
|
|
||||||
<li class="fragment highlight-green" data-fragment-index="1">"Bla bla bla" (Smith, 2021, p. 39). <span class="fragment" data-fragment-index="1">✅</span></li>
|
|
||||||
<li>"Bla bla bla." (Smith, 2021, p. 39)</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p>Which is correct?</p>
|
|
||||||
<ol>
|
|
||||||
<li class="fragment highlight-green" data-fragment-index="1">Bla bla bla (Smith, 2021, p. 39). <span class="fragment" data-fragment-index="1">✅</span></li>
|
|
||||||
<li>Bla bla bla. (Smith, 2021, p. 39).</li>
|
|
||||||
<li>Bla bla bla. (Smith, 2021, p. 39)</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p>
|
|
||||||
When you are writing an <span class="fragment highlight-green">in-text citation</span> for a source with more than <span class="fragment highlight-blue">3</span> authors, you write the first author's family name and then you should write
|
|
||||||
( <span class="fragment">et al.</span> )
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p>What's the title of your "<span class="fragment" data-fragment-index="1">Referrences</span>" list?</p>
|
|
||||||
<ol>
|
|
||||||
<li>Bibliography</li>
|
|
||||||
<li>Reference</li>
|
|
||||||
<li class="fragment highlight-green" data-fragment-index="1">References<span class="fragment" data-fragment-index="1">✅</span></li>
|
|
||||||
<li>Sources</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<section>
|
|
||||||
<h2>Real World Example</h2>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p style="text-align: left;">
|
|
||||||
<span id="d1">Entertainment Software Association. (2020).</span>
|
|
||||||
<span class="fragment fade-out">2020</span>
|
|
||||||
<span class="fragment highlight-red">Essential Facts About the Video Game Industry.</span>
|
|
||||||
The Entertainment Software Association.
|
|
||||||
<span class="fragment fade-out">The Entertainment Software Association.</span>
|
|
||||||
https://www.theesa.com/resource/2020-essential-facts/
|
|
||||||
<p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h5>Correction</h5>
|
|
||||||
<p style="text-align: left;">
|
|
||||||
Entertainment Software Association. (2020).
|
|
||||||
<em class="fragment highlight-green">Essential facts about the video game industry.</em>
|
|
||||||
<a>https://www.theesa.com/resource/2020-essential-facts/</a>
|
|
||||||
<p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p style="text-align: left;">
|
|
||||||
Gallagher, D. (2013, <span class="fragment highlight-red">Mar</span> 10). 7 health benefits of playing video games. The <span class="fragment highlight-red">Week</span>
|
|
||||||
<a>http://theweek.com/article/index/241121/7-health-benefits-of-playing-video-games</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h5>Correction</h5>
|
|
||||||
<p style="text-align: left;">
|
|
||||||
Gallagher, D. (2013, March 10). 7 health benefits of playing video games. The Week.
|
|
||||||
<a>http://theweek.com/article/index/241121/7-health-benefits-of-playing-video-games</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<p style="text-align: left;">
|
|
||||||
<span class="fragment highlight-red">Mitchell, A, Smith, C.</span>
|
|
||||||
(2004). <span class="fragment highlight-red">The use of computer and video games for learning</span>.
|
|
||||||
Learning <span class="fragment highlight-red">And</span> Skills Development Agency.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<h5>Correction</h5>
|
|
||||||
<p style="text-align: left;">
|
|
||||||
Mitchell, A., & Smith, C.
|
|
||||||
(2004). <em>The use of computer and video games for learning</em>.
|
|
||||||
Learning and Skills Development Agency.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<section>
|
|
||||||
<h2>Thank you</h2>
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ import {
|
|||||||
} from './utils/constants.js'
|
} from './utils/constants.js'
|
||||||
|
|
||||||
// The reveal.js version
|
// The reveal.js version
|
||||||
export const VERSION = '4.1.1';
|
export const VERSION = '4.1.3';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* reveal.js
|
* reveal.js
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "reveal.js",
|
"name": "reveal.js",
|
||||||
"version": "4.1.1",
|
"version": "4.1.3",
|
||||||
"description": "The HTML Presentation Framework",
|
"description": "The HTML Presentation Framework",
|
||||||
"homepage": "https://revealjs.com",
|
"homepage": "https://revealjs.com",
|
||||||
"subdomain": "revealjs",
|
"subdomain": "revealjs",
|
||||||
|
|||||||
@@ -2,4 +2,4 @@ function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterat
|
|||||||
/*!
|
/*!
|
||||||
* reveal.js plugin that adds syntax highlight support.
|
* reveal.js plugin that adds syntax highlight support.
|
||||||
*/
|
*/
|
||||||
var of={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:rf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.className="code-wrapper";var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){rf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&of.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){of.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(rf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){rf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=of.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",of.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),of.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",of.scrollHighlightedLineIntoView.bind(of,r,t)),r.addEventListener("hidden",of.scrollHighlightedLineIntoView.bind(of,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",of.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){of.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}of.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*of.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=of.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(of.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(of.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(of.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+of.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(of.HIGHLIGHT_LINE_DELIMITER)})).join(of.HIGHLIGHT_STEP_DELIMITER)}};export default function(){return of}
|
var of={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:rf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.classList.add("code-wrapper");var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){rf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&of.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){of.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(rf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){rf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=of.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",of.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),of.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",of.scrollHighlightedLineIntoView.bind(of,r,t)),r.addEventListener("hidden",of.scrollHighlightedLineIntoView.bind(of,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",of.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){of.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}of.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*of.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=of.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(of.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(of.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(of.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+of.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(of.HIGHLIGHT_LINE_DELIMITER)})).join(of.HIGHLIGHT_STEP_DELIMITER)}};export default function(){return of}
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
/*!
|
/*!
|
||||||
* reveal.js plugin that adds syntax highlight support.
|
* reveal.js plugin that adds syntax highlight support.
|
||||||
*/
|
*/
|
||||||
var Lf={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:Mf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.className="code-wrapper";var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){Mf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&Lf.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){Lf.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(Mf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){Mf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=Lf.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),Lf.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",Lf.scrollHighlightedLineIntoView.bind(Lf,r,t)),r.addEventListener("hidden",Lf.scrollHighlightedLineIntoView.bind(Lf,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){Lf.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}Lf.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*Lf.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=Lf.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(Lf.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(Lf.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(Lf.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+Lf.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(Lf.HIGHLIGHT_LINE_DELIMITER)})).join(Lf.HIGHLIGHT_STEP_DELIMITER)}};return function(){return Lf}}));
|
var Lf={id:"highlight",HIGHLIGHT_STEP_DELIMITER:"|",HIGHLIGHT_LINE_DELIMITER:",",HIGHLIGHT_LINE_RANGE_DELIMITER:"-",hljs:Mf,init:function(e){var t=e.getConfig().highlight||{};t.highlightOnLoad="boolean"!=typeof t.highlightOnLoad||t.highlightOnLoad,t.escapeHTML="boolean"!=typeof t.escapeHTML||t.escapeHTML,Array.from(e.getRevealElement().querySelectorAll("pre code")).forEach((function(e){e.parentNode.classList.add("code-wrapper");var n=e.querySelector('script[type="text/template"]');n&&(e.textContent=n.innerHTML),e.hasAttribute("data-trim")&&"function"==typeof e.innerHTML.trim&&(e.innerHTML=function(e){function t(e){return e.replace(/^[\s\uFEFF\xA0]+/g,"")}function n(e){for(var t=e.split("\n"),n=0;n<t.length&&""===t[n].trim();n++)t.splice(n--,1);for(n=t.length-1;n>=0&&""===t[n].trim();n--)t.splice(n,1);return t.join("\n")}return function(e){var a=n(e.innerHTML).split("\n"),r=a.reduce((function(e,n){return n.length>0&&t(n).length>0&&e>n.length-t(n).length?n.length-t(n).length:e}),Number.POSITIVE_INFINITY);return a.map((function(e,t){return e.slice(r)})).join("\n")}(e)}(e)),t.escapeHTML&&!e.hasAttribute("data-noescape")&&(e.innerHTML=e.innerHTML.replace(/</g,"<").replace(/>/g,">")),e.addEventListener("focusout",(function(e){Mf.highlightElement(e.currentTarget)}),!1),t.highlightOnLoad&&Lf.highlightBlock(e)})),e.on("pdf-ready",(function(){[].slice.call(e.getRevealElement().querySelectorAll("pre code[data-line-numbers].current-fragment")).forEach((function(e){Lf.scrollHighlightedLineIntoView(e,{},!0)}))}))},highlightBlock:function(e){if(Mf.highlightElement(e),0!==e.innerHTML.trim().length&&e.hasAttribute("data-line-numbers")){Mf.lineNumbersBlock(e,{singleLine:!0});var t={currentBlock:e},n=Lf.deserializeHighlightSteps(e.getAttribute("data-line-numbers"));if(n.length>1){var a=parseInt(e.getAttribute("data-fragment-index"),10);("number"!=typeof a||isNaN(a))&&(a=null),n.slice(1).forEach((function(n){var r=e.cloneNode(!0);r.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n])),r.classList.add("fragment"),e.parentNode.appendChild(r),Lf.highlightLines(r),"number"==typeof a?(r.setAttribute("data-fragment-index",a),a+=1):r.removeAttribute("data-fragment-index"),r.addEventListener("visible",Lf.scrollHighlightedLineIntoView.bind(Lf,r,t)),r.addEventListener("hidden",Lf.scrollHighlightedLineIntoView.bind(Lf,r.previousSibling,t))})),e.removeAttribute("data-fragment-index"),e.setAttribute("data-line-numbers",Lf.serializeHighlightSteps([n[0]]))}var r="function"==typeof e.closest?e.closest("section:not(.stack)"):null;if(r){r.addEventListener("visible",(function n(){Lf.scrollHighlightedLineIntoView(e,t,!0),r.removeEventListener("visible",n)}))}Lf.highlightLines(e)}},scrollHighlightedLineIntoView:function(e,t,n){cancelAnimationFrame(t.animationFrameID),t.currentBlock&&(e.scrollTop=t.currentBlock.scrollTop),t.currentBlock=e;var a=this.getHighlightedLineBounds(e),r=e.offsetHeight,i=getComputedStyle(e);r-=parseInt(i.paddingTop)+parseInt(i.paddingBottom);var o=e.scrollTop,s=a.top+(Math.min(a.bottom-a.top,r)-r)/2,l=e.querySelector(".hljs-ln");if(l&&(s+=l.offsetTop-parseInt(i.paddingTop)),s=Math.max(Math.min(s,e.scrollHeight-r),0),!0===n||o===s)e.scrollTop=s;else{if(e.scrollHeight<=r)return;var c=0;!function n(){c=Math.min(c+.02,1),e.scrollTop=o+(s-o)*Lf.easeInOutQuart(c),c<1&&(t.animationFrameID=requestAnimationFrame(n))}()}},easeInOutQuart:function(e){return e<.5?8*e*e*e*e:1-8*--e*e*e*e},getHighlightedLineBounds:function(e){var t=e.querySelectorAll(".highlight-line");if(0===t.length)return{top:0,bottom:0};var n=t[0],a=t[t.length-1];return{top:n.offsetTop,bottom:a.offsetTop+a.offsetHeight}},highlightLines:function(e,t){var n=Lf.deserializeHighlightSteps(t||e.getAttribute("data-line-numbers"));n.length&&n[0].forEach((function(t){var n=[];"number"==typeof t.end?n=[].slice.call(e.querySelectorAll("table tr:nth-child(n+"+t.start+"):nth-child(-n+"+t.end+")")):"number"==typeof t.start&&(n=[].slice.call(e.querySelectorAll("table tr:nth-child("+t.start+")"))),n.length&&(n.forEach((function(e){e.classList.add("highlight-line")})),e.classList.add("has-highlights"))}))},deserializeHighlightSteps:function(e){return(e=(e=e.replace(/\s/g,"")).split(Lf.HIGHLIGHT_STEP_DELIMITER)).map((function(e){return e.split(Lf.HIGHLIGHT_LINE_DELIMITER).map((function(e){if(/^[\d-]+$/.test(e)){e=e.split(Lf.HIGHLIGHT_LINE_RANGE_DELIMITER);var t=parseInt(e[0],10),n=parseInt(e[1],10);return isNaN(n)?{start:t}:{start:t,end:n}}return{}}))}))},serializeHighlightSteps:function(e){return e.map((function(e){return e.map((function(e){return"number"==typeof e.end?e.start+Lf.HIGHLIGHT_LINE_RANGE_DELIMITER+e.end:"number"==typeof e.start?e.start:""})).join(Lf.HIGHLIGHT_LINE_DELIMITER)})).join(Lf.HIGHLIGHT_STEP_DELIMITER)}};return function(){return Lf}}));
|
||||||
|
|||||||
@@ -35,7 +35,7 @@ const Plugin = {
|
|||||||
|
|
||||||
Array.from( reveal.getRevealElement().querySelectorAll( 'pre code' ) ).forEach( block => {
|
Array.from( reveal.getRevealElement().querySelectorAll( 'pre code' ) ).forEach( block => {
|
||||||
|
|
||||||
block.parentNode.className = 'code-wrapper';
|
block.parentNode.classList.add('code-wrapper');
|
||||||
|
|
||||||
// Code can optionally be wrapped in script template to avoid
|
// Code can optionally be wrapped in script template to avoid
|
||||||
// HTML being parsed by the browser (i.e. when you need to
|
// HTML being parsed by the browser (i.e. when you need to
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -206,7 +206,7 @@ const Plugin = () => {
|
|||||||
|
|
||||||
var externalPromises = [];
|
var externalPromises = [];
|
||||||
|
|
||||||
[].slice.call( scope.querySelectorAll( '[data-markdown]:not([data-markdown-parsed])') ).forEach( function( section, i ) {
|
[].slice.call( scope.querySelectorAll( 'section[data-markdown]:not([data-markdown-parsed])') ).forEach( function( section, i ) {
|
||||||
|
|
||||||
if( section.getAttribute( 'data-markdown' ).length ) {
|
if( section.getAttribute( 'data-markdown' ).length ) {
|
||||||
|
|
||||||
|
|||||||
@@ -281,6 +281,15 @@
|
|||||||
```
|
```
|
||||||
</script>
|
</script>
|
||||||
</section>
|
</section>
|
||||||
|
<section data-markdown class="with-code-in-fragment">
|
||||||
|
<script type="text/template">
|
||||||
|
```js
|
||||||
|
foo.bar();
|
||||||
|
```
|
||||||
|
|
||||||
|
<!-- .element: class="fragment" -->
|
||||||
|
</script>
|
||||||
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -453,6 +462,10 @@
|
|||||||
assert.strictEqual( deck6.getRevealElement().querySelectorAll( '.with-line-highlights-and-lanugage .hljs.javascript[data-line-numbers="1,2,3"]' ).length, 1 );
|
assert.strictEqual( deck6.getRevealElement().querySelectorAll( '.with-line-highlights-and-lanugage .hljs.javascript[data-line-numbers="1,2,3"]' ).length, 1 );
|
||||||
});
|
});
|
||||||
|
|
||||||
|
QUnit.test( '```block should allow custom fragment', function( assert ) {
|
||||||
|
assert.strictEqual( deck6.getRevealElement().querySelectorAll( '.with-code-in-fragment pre.fragment' ).length, 1 );
|
||||||
|
});
|
||||||
|
|
||||||
} );
|
} );
|
||||||
|
|
||||||
deck1.initialize();
|
deck1.initialize();
|
||||||
|
|||||||
Reference in New Issue
Block a user