From 76a81939a7b361b67706d71a9137920370a2af64 Mon Sep 17 00:00:00 2001 From: Blair MacIntyre Date: Fri, 4 Jun 2021 07:40:40 -0400 Subject: [PATCH] prepend --r- to global style variables When embedding reveal in a website, this will help avoid global variable conflicts with other frameworks that use global styles via variables. --- css/theme/template/exposer.scss | 48 ++++++------- css/theme/template/theme.scss | 72 +++++++++---------- dist/theme/beige.css | 118 ++++++++++++++++---------------- dist/theme/black.css | 118 ++++++++++++++++---------------- dist/theme/blood.css | 118 ++++++++++++++++---------------- dist/theme/league.css | 118 ++++++++++++++++---------------- dist/theme/moon.css | 118 ++++++++++++++++---------------- dist/theme/night.css | 118 ++++++++++++++++---------------- dist/theme/serif.css | 118 ++++++++++++++++---------------- dist/theme/simple.css | 118 ++++++++++++++++---------------- dist/theme/sky.css | 118 ++++++++++++++++---------------- dist/theme/solarized.css | 118 ++++++++++++++++---------------- dist/theme/white.css | 118 ++++++++++++++++---------------- 13 files changed, 709 insertions(+), 709 deletions(-) diff --git a/css/theme/template/exposer.scss b/css/theme/template/exposer.scss index 1401a599..4aec3e8c 100644 --- a/css/theme/template/exposer.scss +++ b/css/theme/template/exposer.scss @@ -1,28 +1,28 @@ // Exposes theme's variables for easy re-use in CSS for plugin authors :root { - --background-color: #{$backgroundColor}; - --main-font: #{$mainFont}; - --main-font-size: #{$mainFontSize}; - --main-color: #{$mainColor}; - --block-margin: #{$blockMargin}; - --heading-margin: #{$headingMargin}; - --heading-font: #{$headingFont}; - --heading-color: #{$headingColor}; - --heading-line-height: #{$headingLineHeight}; - --heading-letter-spacing: #{$headingLetterSpacing}; - --heading-text-transform: #{$headingTextTransform}; - --heading-text-shadow: #{$headingTextShadow}; - --heading-font-weight: #{$headingFontWeight}; - --heading1-text-shadow: #{$heading1TextShadow}; - --heading1-size: #{$heading1Size}; - --heading2-size: #{$heading2Size}; - --heading3-size: #{$heading3Size}; - --heading4-size: #{$heading4Size}; - --code-font: #{$codeFont}; - --link-color: #{$linkColor}; - --link-color-dark: #{darken($linkColor , 15% )}; - --link-color-hover: #{$linkColorHover}; - --selection-background-color: #{$selectionBackgroundColor}; - --selection-color: #{$selectionColor}; + --r-background-color: #{$backgroundColor}; + --r-main-font: #{$mainFont}; + --r-main-font-size: #{$mainFontSize}; + --r-main-color: #{$mainColor}; + --r-block-margin: #{$blockMargin}; + --r-heading-margin: #{$headingMargin}; + --r-heading-font: #{$headingFont}; + --r-heading-color: #{$headingColor}; + --r-heading-line-height: #{$headingLineHeight}; + --r-heading-letter-spacing: #{$headingLetterSpacing}; + --r-heading-text-transform: #{$headingTextTransform}; + --r-heading-text-shadow: #{$headingTextShadow}; + --r-heading-font-weight: #{$headingFontWeight}; + --r-heading1-text-shadow: #{$heading1TextShadow}; + --r-heading1-size: #{$heading1Size}; + --r-heading2-size: #{$heading2Size}; + --r-heading3-size: #{$heading3Size}; + --r-heading4-size: #{$heading4Size}; + --r-code-font: #{$codeFont}; + --r-link-color: #{$linkColor}; + --r-link-color-dark: #{darken($linkColor , 15% )}; + --r-link-color-hover: #{$linkColorHover}; + --r-selection-background-color: #{$selectionBackgroundColor}; + --r-selection-color: #{$selectionColor}; } diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 4bc11f61..bc377d3c 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -8,25 +8,25 @@ .reveal-viewport { @include bodyBackground(); - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -46,27 +46,27 @@ .reveal h4, .reveal h5, .reveal h6 { - margin: var(--heading-margin); - color: var(--heading-color); + margin: var(--r-heading-margin); + color: var(--r-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); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); - text-transform: var(--heading-text-transform); - text-shadow: var(--heading-text-shadow); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } -.reveal h1 {font-size: var(--heading1-size); } -.reveal h2 {font-size: var(--heading2-size); } -.reveal h3 {font-size: var(--heading3-size); } -.reveal h4 {font-size: var(--heading4-size); } +.reveal h1 {font-size: var(--r-heading1-size); } +.reveal h2 {font-size: var(--r-heading2-size); } +.reveal h3 {font-size: var(--r-heading3-size); } +.reveal h4 {font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } @@ -75,7 +75,7 @@ *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -150,7 +150,7 @@ display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; @@ -170,11 +170,11 @@ display: block; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-code-font); line-height: 1.2em; word-wrap: break-word; @@ -183,7 +183,7 @@ } .reveal code { - font-family: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -257,7 +257,7 @@ } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } @@ -266,20 +266,20 @@ *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color .15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - // background: darken( var(--link-color), 15% ); - background: var(--link-color-dark); + // background: darken( var(--r-link-color), 15% ); + background: var(--r-link-color-dark); } @@ -289,7 +289,7 @@ *********************************************/ .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); } @@ -298,7 +298,7 @@ } .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); } @@ -308,7 +308,7 @@ *********************************************/ .reveal .controls { - color: var(--link-color); + color: var(--r-link-color); } @@ -318,7 +318,7 @@ .reveal .progress { background: rgba(0,0,0,0.2); - color: var(--link-color); + color: var(--r-link-color); } /********************************************* @@ -326,6 +326,6 @@ *********************************************/ @media print { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } diff --git a/dist/theme/beige.css b/dist/theme/beige.css index 963ca20b..16eb9134 100644 --- a/dist/theme/beige.css +++ b/dist/theme/beige.css @@ -13,30 +13,30 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * GLOBAL STYLES *********************************************/ :root { - --background-color: #f7f3de; - --main-font: Lato, sans-serif; - --main-font-size: 40px; - --main-color: #333; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: League Gothic, Impact, sans-serif; - --heading-color: #333; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: none; - --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); - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #8b743d; - --link-color-dark: #564826; - --link-color-hover: #c0a86e; - --selection-background-color: rgba(79, 64, 28, 0.99); - --selection-color: #fff; + --r-background-color: #f7f3de; + --r-main-font: Lato, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #333; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: League Gothic, Impact, sans-serif; + --r-heading-color: #333; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --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); + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #8b743d; + --r-link-color-dark: #564826; + --r-link-color-hover: #c0a86e; + --r-selection-background-color: rgba(79, 64, 28, 0.99); + --r-selection-color: #fff; } .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: -ms-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 { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -84,42 +84,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -194,7 +194,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -299,34 +299,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -335,7 +335,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .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); } @@ -343,7 +343,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/black.css b/dist/theme/black.css index e9c7273a..4aa8ba43 100644 --- a/dist/theme/black.css +++ b/dist/theme/black.css @@ -12,53 +12,53 @@ section.has-light-background, section.has-light-background h1, section.has-light * GLOBAL STYLES *********************************************/ :root { - --background-color: #191919; - --main-font: Source Sans Pro, Helvetica, sans-serif; - --main-font-size: 42px; - --main-color: #fff; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: Source Sans Pro, Helvetica, sans-serif; - --heading-color: #fff; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: none; - --heading-font-weight: 600; - --heading1-text-shadow: none; - --heading1-size: 2.5em; - --heading2-size: 1.6em; - --heading3-size: 1.3em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #42affa; - --link-color-dark: #068de9; - --link-color-hover: #8dcffc; - --selection-background-color: #bee4fd; - --selection-color: #fff; + --r-background-color: #191919; + --r-main-font: Source Sans Pro, Helvetica, sans-serif; + --r-main-font-size: 42px; + --r-main-color: #fff; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: Source Sans Pro, Helvetica, sans-serif; + --r-heading-color: #fff; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: none; + --r-heading-font-weight: 600; + --r-heading1-text-shadow: none; + --r-heading1-size: 2.5em; + --r-heading2-size: 1.6em; + --r-heading3-size: 1.3em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #42affa; + --r-link-color-dark: #068de9; + --r-link-color-hover: #8dcffc; + --r-selection-background-color: #bee4fd; + --r-selection-color: #fff; } .reveal-viewport { background: #191919; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -77,42 +77,42 @@ section.has-light-background, section.has-light-background h1, section.has-light .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -187,7 +187,7 @@ section.has-light-background, section.has-light-background h1, section.has-light display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -292,34 +292,34 @@ section.has-light-background, section.has-light-background h1, section.has-light } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -328,7 +328,7 @@ section.has-light-background, section.has-light-background h1, section.has-light } .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); } @@ -336,7 +336,7 @@ section.has-light-background, section.has-light-background h1, section.has-light * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/blood.css b/dist/theme/blood.css index da232bb1..c48714fa 100644 --- a/dist/theme/blood.css +++ b/dist/theme/blood.css @@ -18,53 +18,53 @@ section.has-light-background, section.has-light-background h1, section.has-light * GLOBAL STYLES *********************************************/ :root { - --background-color: #222; - --main-font: Ubuntu, sans-serif; - --main-font-size: 40px; - --main-color: #eee; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: Ubuntu, sans-serif; - --heading-color: #eee; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: 2px 2px 2px #222; - --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); - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #a23; - --link-color-dark: #6a1520; - --link-color-hover: #dd5566; - --selection-background-color: #a23; - --selection-color: #fff; + --r-background-color: #222; + --r-main-font: Ubuntu, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #eee; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: Ubuntu, sans-serif; + --r-heading-color: #eee; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: 2px 2px 2px #222; + --r-heading-font-weight: normal; + --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); + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #a23; + --r-link-color-dark: #6a1520; + --r-link-color-hover: #dd5566; + --r-selection-background-color: #a23; + --r-selection-color: #fff; } .reveal-viewport { background: #222; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -83,42 +83,42 @@ section.has-light-background, section.has-light-background h1, section.has-light .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -193,7 +193,7 @@ section.has-light-background, section.has-light-background h1, section.has-light display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -298,34 +298,34 @@ section.has-light-background, section.has-light-background h1, section.has-light } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -334,7 +334,7 @@ section.has-light-background, section.has-light-background h1, section.has-light } .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); } @@ -342,7 +342,7 @@ section.has-light-background, section.has-light-background h1, section.has-light * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } .reveal p { diff --git a/dist/theme/league.css b/dist/theme/league.css index 369d1d05..ec119760 100644 --- a/dist/theme/league.css +++ b/dist/theme/league.css @@ -15,30 +15,30 @@ section.has-light-background, section.has-light-background h1, section.has-light * GLOBAL STYLES *********************************************/ :root { - --background-color: #2b2b2b; - --main-font: Lato, sans-serif; - --main-font-size: 40px; - --main-color: #eee; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: League Gothic, Impact, sans-serif; - --heading-color: #eee; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); - --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); - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #13DAEC; - --link-color-dark: #0d99a5; - --link-color-hover: #71e9f4; - --selection-background-color: #FF5E99; - --selection-color: #fff; + --r-background-color: #2b2b2b; + --r-main-font: Lato, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #eee; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: League Gothic, Impact, sans-serif; + --r-heading-color: #eee; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); + --r-heading-font-weight: normal; + --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); + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #13DAEC; + --r-link-color-dark: #0d99a5; + --r-link-color-hover: #71e9f4; + --r-selection-background-color: #FF5E99; + --r-selection-color: #fff; } .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: -ms-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 { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -86,42 +86,42 @@ section.has-light-background, section.has-light-background h1, section.has-light .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -196,7 +196,7 @@ section.has-light-background, section.has-light-background h1, section.has-light display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -301,34 +301,34 @@ section.has-light-background, section.has-light-background h1, section.has-light } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -337,7 +337,7 @@ section.has-light-background, section.has-light-background h1, section.has-light } .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); } @@ -345,7 +345,7 @@ section.has-light-background, section.has-light-background h1, section.has-light * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/moon.css b/dist/theme/moon.css index ede94010..de6f7cb5 100644 --- a/dist/theme/moon.css +++ b/dist/theme/moon.css @@ -20,53 +20,53 @@ section.has-light-background, section.has-light-background h1, section.has-light * GLOBAL STYLES *********************************************/ :root { - --background-color: #002b36; - --main-font: Lato, sans-serif; - --main-font-size: 40px; - --main-color: #93a1a1; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: League Gothic, Impact, sans-serif; - --heading-color: #eee8d5; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: none; - --heading-font-weight: normal; - --heading1-text-shadow: none; - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #268bd2; - --link-color-dark: #1a6091; - --link-color-hover: #78b9e6; - --selection-background-color: #d33682; - --selection-color: #fff; + --r-background-color: #002b36; + --r-main-font: Lato, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #93a1a1; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: League Gothic, Impact, sans-serif; + --r-heading-color: #eee8d5; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --r-heading1-text-shadow: none; + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #268bd2; + --r-link-color-dark: #1a6091; + --r-link-color-hover: #78b9e6; + --r-selection-background-color: #d33682; + --r-selection-color: #fff; } .reveal-viewport { background: #002b36; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -85,42 +85,42 @@ section.has-light-background, section.has-light-background h1, section.has-light .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -195,7 +195,7 @@ section.has-light-background, section.has-light-background h1, section.has-light display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -300,34 +300,34 @@ section.has-light-background, section.has-light-background h1, section.has-light } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -336,7 +336,7 @@ section.has-light-background, section.has-light-background h1, section.has-light } .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); } @@ -344,7 +344,7 @@ section.has-light-background, section.has-light-background h1, section.has-light * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/night.css b/dist/theme/night.css index 91dad820..8ab97350 100644 --- a/dist/theme/night.css +++ b/dist/theme/night.css @@ -13,53 +13,53 @@ section.has-light-background, section.has-light-background h1, section.has-light * GLOBAL STYLES *********************************************/ :root { - --background-color: #111; - --main-font: Open Sans, sans-serif; - --main-font-size: 40px; - --main-color: #eee; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: Montserrat, Impact, sans-serif; - --heading-color: #eee; - --heading-line-height: 1.2; - --heading-letter-spacing: -0.03em; - --heading-text-transform: none; - --heading-text-shadow: none; - --heading-font-weight: normal; - --heading1-text-shadow: none; - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #e7ad52; - --link-color-dark: #d08a1d; - --link-color-hover: #f3d7ac; - --selection-background-color: #e7ad52; - --selection-color: #fff; + --r-background-color: #111; + --r-main-font: Open Sans, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #eee; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: Montserrat, Impact, sans-serif; + --r-heading-color: #eee; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: -0.03em; + --r-heading-text-transform: none; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --r-heading1-text-shadow: none; + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #e7ad52; + --r-link-color-dark: #d08a1d; + --r-link-color-hover: #f3d7ac; + --r-selection-background-color: #e7ad52; + --r-selection-color: #fff; } .reveal-viewport { background: #111; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -78,42 +78,42 @@ section.has-light-background, section.has-light-background h1, section.has-light .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -188,7 +188,7 @@ section.has-light-background, section.has-light-background h1, section.has-light display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -293,34 +293,34 @@ section.has-light-background, section.has-light-background h1, section.has-light } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -329,7 +329,7 @@ section.has-light-background, section.has-light-background h1, section.has-light } .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); } @@ -337,7 +337,7 @@ section.has-light-background, section.has-light-background h1, section.has-light * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/serif.css b/dist/theme/serif.css index 7be8c931..738ffe84 100644 --- a/dist/theme/serif.css +++ b/dist/theme/serif.css @@ -16,53 +16,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * GLOBAL STYLES *********************************************/ :root { - --background-color: #F0F1EB; - --main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; - --main-font-size: 40px; - --main-color: #000; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; - --heading-color: #383D3D; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: none; - --heading-text-shadow: none; - --heading-font-weight: normal; - --heading1-text-shadow: none; - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #51483D; - --link-color-dark: #25211c; - --link-color-hover: #8b7c69; - --selection-background-color: #26351C; - --selection-color: #fff; + --r-background-color: #F0F1EB; + --r-main-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; + --r-main-font-size: 40px; + --r-main-color: #000; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: Palatino Linotype, Book Antiqua, Palatino, FreeSerif, serif; + --r-heading-color: #383D3D; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: none; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --r-heading1-text-shadow: none; + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #51483D; + --r-link-color-dark: #25211c; + --r-link-color-hover: #8b7c69; + --r-selection-background-color: #26351C; + --r-selection-color: #fff; } .reveal-viewport { background: #F0F1EB; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -81,42 +81,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -191,7 +191,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -296,34 +296,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -332,7 +332,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .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); } @@ -340,7 +340,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/simple.css b/dist/theme/simple.css index ffab53ed..ffc16c96 100644 --- a/dist/theme/simple.css +++ b/dist/theme/simple.css @@ -15,53 +15,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * GLOBAL STYLES *********************************************/ :root { - --background-color: #fff; - --main-font: Lato, sans-serif; - --main-font-size: 40px; - --main-color: #000; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: News Cycle, Impact, sans-serif; - --heading-color: #000; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: none; - --heading-text-shadow: none; - --heading-font-weight: normal; - --heading1-text-shadow: none; - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #00008B; - --link-color-dark: #00003f; - --link-color-hover: #0000f1; - --selection-background-color: rgba(0, 0, 0, 0.99); - --selection-color: #fff; + --r-background-color: #fff; + --r-main-font: Lato, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #000; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: News Cycle, Impact, sans-serif; + --r-heading-color: #000; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: none; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --r-heading1-text-shadow: none; + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #00008B; + --r-link-color-dark: #00003f; + --r-link-color-hover: #0000f1; + --r-selection-background-color: rgba(0, 0, 0, 0.99); + --r-selection-color: #fff; } .reveal-viewport { background: #fff; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -80,42 +80,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -190,7 +190,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -295,34 +295,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -331,7 +331,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .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); } @@ -339,7 +339,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/sky.css b/dist/theme/sky.css index 431e6a5d..1720dfe6 100644 --- a/dist/theme/sky.css +++ b/dist/theme/sky.css @@ -17,30 +17,30 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * GLOBAL STYLES *********************************************/ :root { - --background-color: #f7fbfc; - --main-font: Open Sans, sans-serif; - --main-font-size: 40px; - --main-color: #333; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: Quicksand, sans-serif; - --heading-color: #333; - --heading-line-height: 1.2; - --heading-letter-spacing: -0.08em; - --heading-text-transform: uppercase; - --heading-text-shadow: none; - --heading-font-weight: normal; - --heading1-text-shadow: none; - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #3b759e; - --link-color-dark: #264c66; - --link-color-hover: #74a7cb; - --selection-background-color: #134674; - --selection-color: #fff; + --r-background-color: #f7fbfc; + --r-main-font: Open Sans, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #333; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: Quicksand, sans-serif; + --r-heading-color: #333; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: -0.08em; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --r-heading1-text-shadow: none; + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #3b759e; + --r-link-color-dark: #264c66; + --r-link-color-hover: #74a7cb; + --r-selection-background-color: #134674; + --r-selection-color: #fff; } .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: -ms-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 { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -88,42 +88,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -198,7 +198,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -303,34 +303,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -339,7 +339,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .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); } @@ -347,7 +347,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/solarized.css b/dist/theme/solarized.css index 702fc12d..978f48e1 100644 --- a/dist/theme/solarized.css +++ b/dist/theme/solarized.css @@ -16,53 +16,53 @@ html * { * GLOBAL STYLES *********************************************/ :root { - --background-color: #fdf6e3; - --main-font: Lato, sans-serif; - --main-font-size: 40px; - --main-color: #657b83; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: League Gothic, Impact, sans-serif; - --heading-color: #586e75; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: none; - --heading-font-weight: normal; - --heading1-text-shadow: none; - --heading1-size: 3.77em; - --heading2-size: 2.11em; - --heading3-size: 1.55em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #268bd2; - --link-color-dark: #1a6091; - --link-color-hover: #78b9e6; - --selection-background-color: #d33682; - --selection-color: #fff; + --r-background-color: #fdf6e3; + --r-main-font: Lato, sans-serif; + --r-main-font-size: 40px; + --r-main-color: #657b83; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: League Gothic, Impact, sans-serif; + --r-heading-color: #586e75; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: none; + --r-heading-font-weight: normal; + --r-heading1-text-shadow: none; + --r-heading1-size: 3.77em; + --r-heading2-size: 2.11em; + --r-heading3-size: 1.55em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #268bd2; + --r-link-color-dark: #1a6091; + --r-link-color-hover: #78b9e6; + --r-selection-background-color: #d33682; + --r-selection-color: #fff; } .reveal-viewport { background: #fdf6e3; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -81,42 +81,42 @@ html * { .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -191,7 +191,7 @@ html * { display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; background: rgba(255, 255, 255, 0.05); @@ -211,17 +211,17 @@ html * { display: block; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -296,34 +296,34 @@ html * { } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -332,7 +332,7 @@ html * { } .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); } @@ -340,7 +340,7 @@ html * { * NAVIGATION CONTROLS *********************************************/ .reveal .controls { - color: var(--link-color); + color: var(--r-link-color); } /********************************************* @@ -348,7 +348,7 @@ html * { *********************************************/ .reveal .progress { background: rgba(0, 0, 0, 0.2); - color: var(--link-color); + color: var(--r-link-color); } /********************************************* @@ -356,6 +356,6 @@ html * { *********************************************/ @media print { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file diff --git a/dist/theme/white.css b/dist/theme/white.css index 58ff6c50..2218f392 100644 --- a/dist/theme/white.css +++ b/dist/theme/white.css @@ -12,53 +12,53 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * GLOBAL STYLES *********************************************/ :root { - --background-color: #fff; - --main-font: Source Sans Pro, Helvetica, sans-serif; - --main-font-size: 42px; - --main-color: #222; - --block-margin: 20px; - --heading-margin: 0 0 20px 0; - --heading-font: Source Sans Pro, Helvetica, sans-serif; - --heading-color: #222; - --heading-line-height: 1.2; - --heading-letter-spacing: normal; - --heading-text-transform: uppercase; - --heading-text-shadow: none; - --heading-font-weight: 600; - --heading1-text-shadow: none; - --heading1-size: 2.5em; - --heading2-size: 1.6em; - --heading3-size: 1.3em; - --heading4-size: 1em; - --code-font: monospace; - --link-color: #2a76dd; - --link-color-dark: #1a53a1; - --link-color-hover: #6ca0e8; - --selection-background-color: #98bdef; - --selection-color: #fff; + --r-background-color: #fff; + --r-main-font: Source Sans Pro, Helvetica, sans-serif; + --r-main-font-size: 42px; + --r-main-color: #222; + --r-block-margin: 20px; + --r-heading-margin: 0 0 20px 0; + --r-heading-font: Source Sans Pro, Helvetica, sans-serif; + --r-heading-color: #222; + --r-heading-line-height: 1.2; + --r-heading-letter-spacing: normal; + --r-heading-text-transform: uppercase; + --r-heading-text-shadow: none; + --r-heading-font-weight: 600; + --r-heading1-text-shadow: none; + --r-heading1-size: 2.5em; + --r-heading2-size: 1.6em; + --r-heading3-size: 1.3em; + --r-heading4-size: 1em; + --r-code-font: monospace; + --r-link-color: #2a76dd; + --r-link-color-dark: #1a53a1; + --r-link-color-hover: #6ca0e8; + --r-selection-background-color: #98bdef; + --r-selection-color: #fff; } .reveal-viewport { background: #fff; - background-color: var(--background-color); + background-color: var(--r-background-color); } .reveal { - font-family: var(--main-font); - font-size: var(--main-font-size); + font-family: var(--r-main-font); + font-size: var(--r-main-font-size); font-weight: normal; - color: var(--main-color); + color: var(--r-main-color); } .reveal ::selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } .reveal ::-moz-selection { - color: var(--selection-color); - background: var(--selection-background-color); + color: var(--r-selection-color); + background: var(--r-selection-background-color); text-shadow: none; } @@ -77,42 +77,42 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba .reveal h4, .reveal h5, .reveal h6 { - 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); + margin: var(--r-heading-margin); + color: var(--r-heading-color); + font-family: var(--r-heading-font); + font-weight: var(--r-heading-font-weight); + line-height: var(--r-heading-line-height); + letter-spacing: var(--r-heading-letter-spacing); + text-transform: var(--r-heading-text-transform); + text-shadow: var(--r-heading-text-shadow); word-wrap: break-word; } .reveal h1 { - font-size: var(--heading1-size); + font-size: var(--r-heading1-size); } .reveal h2 { - font-size: var(--heading2-size); + font-size: var(--r-heading2-size); } .reveal h3 { - font-size: var(--heading3-size); + font-size: var(--r-heading3-size); } .reveal h4 { - font-size: var(--heading4-size); + font-size: var(--r-heading4-size); } .reveal h1 { - text-shadow: var(--heading1-text-shadow); + text-shadow: var(--r-heading1-text-shadow); } /********************************************* * OTHER *********************************************/ .reveal p { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; line-height: 1.3; } @@ -187,7 +187,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba display: block; position: relative; width: 70%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; padding: 5px; font-style: italic; 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; position: relative; width: 90%; - margin: var(--block-margin) auto; + margin: var(--r-block-margin) auto; text-align: left; font-size: 0.55em; - font-family: var(--code-font); + font-family: var(--r-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: var(--code-font); + font-family: var(--r-code-font); text-transform: none; tab-size: 2; } @@ -292,34 +292,34 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .reveal img { - margin: var(--block-margin) 0; + margin: var(--r-block-margin) 0; } /********************************************* * LINKS *********************************************/ .reveal a { - color: var(--link-color); + color: var(--r-link-color); text-decoration: none; transition: color 0.15s ease; } .reveal a:hover { - color: var(--link-color-hover); + color: var(--r-link-color-hover); text-shadow: none; border: none; } .reveal .roll span:after { color: #fff; - background: var(--link-color-dark); + background: var(--r-link-color-dark); } /********************************************* * Frame helper *********************************************/ .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); } @@ -328,7 +328,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba } .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); } @@ -336,7 +336,7 @@ section.has-dark-background, section.has-dark-background h1, section.has-dark-ba * NAVIGATION 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 { 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 { .backgrounds { - background-color: var(--background-color); + background-color: var(--r-background-color); } } \ No newline at end of file