add newly built version to

This commit is contained in:
Sven Kraus
2020-07-29 15:43:21 +02:00
parent 3535536444
commit 9aa6a029c3
22 changed files with 410 additions and 399 deletions

View File

@@ -35,28 +35,29 @@ html * {
--heading4-size: 1em;
--code-font: monospace;
--link-color: #268bd2;
--link-color-dark: #1a6091;
--link-color-hover: #78b9e6;
--selection-background-color: #d33682;
--selection-color: #fff; }
.reveal-viewport {
background: #fdf6e3;
background-color: #fdf6e3; }
background-color: var(--background-color); }
.reveal {
font-family: "Lato", sans-serif;
font-size: 40px;
font-family: var(--main-font);
font-size: var(--main-font-size);
font-weight: normal;
color: #657b83; }
color: var(--main-color); }
.reveal ::selection {
color: #fff;
background: #d33682;
color: var(--selection-color);
background: var(--selection-background-color);
text-shadow: none; }
.reveal ::-moz-selection {
color: #fff;
background: #d33682;
color: var(--selection-color);
background: var(--selection-background-color);
text-shadow: none; }
.reveal .slides section,
@@ -73,36 +74,36 @@ html * {
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: #586e75;
font-family: "League Gothic", Impact, sans-serif;
font-weight: normal;
line-height: 1.2;
letter-spacing: normal;
text-transform: uppercase;
text-shadow: none;
margin: var(--heading-margin);
color: var(--heading-color);
font-family: var(--heading-font);
font-weight: var(--heading-font-weight);
line-height: var(--heading-line-height);
letter-spacing: var(--heading-letter-spacing);
text-transform: var(--heading-text-transform);
text-shadow: var(--heading-text-shadow);
word-wrap: break-word; }
.reveal h1 {
font-size: 3.77em; }
font-size: var(--heading1-size); }
.reveal h2 {
font-size: 2.11em; }
font-size: var(--heading2-size); }
.reveal h3 {
font-size: 1.55em; }
font-size: var(--heading3-size); }
.reveal h4 {
font-size: 1em; }
font-size: var(--heading4-size); }
.reveal h1 {
text-shadow: none; }
text-shadow: var(--heading1-text-shadow); }
/*********************************************
* OTHER
*********************************************/
.reveal p {
margin: 20px 0;
margin: var(--block-margin) 0;
line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */
@@ -155,7 +156,7 @@ html * {
display: block;
position: relative;
width: 70%;
margin: 20px auto;
margin: var(--block-margin) auto;
padding: 5px;
font-style: italic;
background: rgba(255, 255, 255, 0.05);
@@ -172,16 +173,16 @@ html * {
display: block;
position: relative;
width: 90%;
margin: 20px auto;
margin: var(--block-margin) auto;
text-align: left;
font-size: 0.55em;
font-family: monospace;
font-family: var(--code-font);
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }
.reveal code {
font-family: monospace;
font-family: var(--code-font);
text-transform: none; }
.reveal pre code {
@@ -235,55 +236,55 @@ html * {
vertical-align: top; }
.reveal img {
margin: 20px 0; }
margin: var(--block-margin) 0; }
/*********************************************
* LINKS
*********************************************/
.reveal a {
color: #268bd2;
color: var(--link-color);
text-decoration: none;
transition: color .15s ease; }
.reveal a:hover {
color: #78b9e6;
color: var(--link-color-hover);
text-shadow: none;
border: none; }
.reveal .roll span:after {
color: #fff;
background: #1a6091; }
background: var(--link-color-dark); }
/*********************************************
* Frame helper
*********************************************/
.reveal .r-frame {
border: 4px solid #657b83;
border: 4px solid var(--main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.reveal a .r-frame {
transition: all .15s linear; }
.reveal a:hover .r-frame {
border-color: #268bd2;
border-color: var(--link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
/*********************************************
* NAVIGATION CONTROLS
*********************************************/
.reveal .controls {
color: #268bd2; }
color: var(--link-color); }
/*********************************************
* PROGRESS BAR
*********************************************/
.reveal .progress {
background: rgba(0, 0, 0, 0.2);
color: #268bd2; }
color: var(--link-color); }
/*********************************************
* PRINT BACKGROUND
*********************************************/
@media print {
.backgrounds {
background-color: #fdf6e3; } }
background-color: var(--background-color); } }