Build URL: https://github.com/gadenbuie/xaringanthemer/actions/runs/1401519888
Commit: 42da40c62a
gh-pages
| @@ -267,7 +267,7 @@ img { max-width: 100%; border: none; } | |||
| <h3 class="hasAnchor"> | |||
| <a href="#automatically-match-slide-and-plot-fonts" class="anchor"></a>Automatically match slide and plot fonts</h3> | |||
| <p>xaringanthemer uses the <a href="https://github.com/yixuan/showtext">showtext</a> and <a href="https://github.com/yixuan/sysfonts">sysfonts</a> packages by Yixuan Qiu to automatically download and register <a href="https://fonts.google.com">Google Fonts</a> for use with your ggplot2 plots.</p> | |||
| <p>In your slide theme, use the <code><type>_font_google</code> argument with the <code><a href="../reference/google_font.html">google_font("<font name>")</a></code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p> | |||
| <p>In your slide theme, use the <code><type>_font_google</code> argument with the <code>google_font("<font name>")</code> helper (or the default xaringanthemer fonts) and <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code> will handle the rest. In our demo theme, we used <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> with</p> | |||
| <ul> | |||
| <li> | |||
| <code>text_font_google = google_font("Kelley Slab")</code> and</li> | |||
| @@ -302,10 +302,10 @@ img { max-width: 100%; border: none; } | |||
| <a href="#using-fonts-not-in-google-fonts" class="anchor"></a>Using fonts not in Google Fonts</h3> | |||
| <p>If you want to use a font that isn’t in the Google Fonts collection, you need to manually register the font with sysfonts so that it can be used in your plots.</p> | |||
| <p>I found a nice open source font called <a href="https://fontlibrary.org/en/font/glacial-indifference">Glacial Indifference</a> by Alfredo Marco Pradil available at <a href="https://fontlibrary.org">fontlibrary.org</a>. In my theme style function, I would use</p> | |||
| <pre><code><a href="../reference/style_mono_accent.html">style_mono_accent( | |||
| <pre><code>style_mono_accent( | |||
| text_font_family = "GlacialIndifferenceRegular", | |||
| text_font_url = "https://fontlibrary.org/face/glacial-indifference" | |||
| )</a></code></pre> | |||
| )</code></pre> | |||
| <p>but sysfonts won’t know where to find the TTF font files for this font.</p> | |||
| <p>To register the font with sysfonts, we use <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code>, but first we need to download the font file — the <code><a href="https://rdrr.io/pkg/sysfonts/man/font_add.html">sysfonts::font_add()</a></code> function requires the font file to be local.</p> | |||
| <p>By inspecting the CSS file at the link I used in <code>text_font_url</code>, I found a direct URL for the <code>.ttf</code> files for <em>GlacialIndifferenceRegular</em>. I’ve included the code I used to download the font to a temporary file below, but in case the URL breaks, I’ve included <em>Glacial Indifference</em> in the xaringanthemer package.</p> | |||
| @@ -256,7 +256,7 @@ | |||
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | |||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||
| <p>So slide text like this</p> | |||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | |||
| <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | |||
| @@ -424,7 +424,7 @@ Pack my box with five dozen liquor jugs. Amazingly few discotheques provide juke | |||
| green <span class="op">=</span> <span class="st">"#136f63"</span>, | |||
| white <span class="op">=</span> <span class="st">"#FFFFFF"</span> | |||
| <span class="op">)</span></code></pre></div> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code>var(--red)</code>.</p> | |||
| <p>So slide text like this</p> | |||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | |||
| <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | |||
| @@ -221,9 +221,9 @@ | |||
| <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/xaringanthemer_font_default.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li> | |||
| <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li> | |||
| <li><p>The underlying template now uses the <code>whisker</code> package.</p></li> | |||
| <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li> | |||
| <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code>var(--background-color)</code>.</p></li> | |||
| <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li> | |||
| <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li> | |||
| <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code>var(--red)</code> in any <code>_color</code> argument of your style function.</p></li> | |||
| </ul> | |||
| <div id="bugfixes-and-improvements" class="section level2"> | |||
| <h2 class="hasAnchor"> | |||
| @@ -7,7 +7,7 @@ articles: | |||
| template-variables: template-variables.html | |||
| themes: themes.html | |||
| xaringanthemer: xaringanthemer.html | |||
| last_built: 2021-10-29T04:38Z | |||
| last_built: 2021-10-30T04:39Z | |||
| urls: | |||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | |||
| article: https://pkg.garrickadenbuie.com/xaringanthemer//articles | |||
| @@ -202,14 +202,15 @@ and appending to the hex color.</p> | |||
| <p>A character string with added opacity level as hexadecimal characters.</p> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'><-</span> <span class='st'>"#0e6ba8"</span> | |||
| <span class='va'>blue_transparent</span> <span class='op'><-</span> <span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>blue</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></div><div class='input'> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'><-</span> <span class='st'>"#0e6ba8"</span></span> | |||
| <span class='r-in'><span class='va'>blue_transparent</span> <span class='op'><-</span> <span class='fu'>apply_alpha</span><span class='op'>(</span><span class='va'>blue</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue</span>, <span class='va'>blue_transparent</span><span class='op'>)</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='apply_alpha-1.png' alt='' width='700' height='433' /></span> | |||
| <span class='r-in'></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -194,12 +194,12 @@ best contrast. Follows W3C Recommendations.</p> | |||
| <tr> | |||
| <th>black</th> | |||
| <td><p>Text or foreground color, e.g. "#222" or | |||
| <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(darken_color(x, 0.8))</a></code>, if black text provides the best contrast.</p></td> | |||
| <code>substitute(darken_color(x, 0.8))</code>, if black text provides the best contrast.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white</th> | |||
| <td><p>Text or foreground color or expression, e.g. "#EEE" or | |||
| <code><a href='https://rdrr.io/r/base/substitute.html'>substitute(lighten_color(x, 0.8))</a></code>, if white text provides the best contrast.</p></td> | |||
| <code>substitute(lighten_color(x, 0.8))</code>, if white text provides the best contrast.</p></td> | |||
| </tr> | |||
| </table> | |||
| @@ -212,16 +212,17 @@ the greates contrast with the input color.</p> | |||
| <p><a href='https://stackoverflow.com/a/3943023/2022615'>https://stackoverflow.com/a/3943023/2022615</a></p> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='va'>light_green</span> <span class='op'><-</span> <span class='st'>"#c4d6b0"</span> | |||
| <span class='va'>contrast_green</span> <span class='op'><-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>light_green</span><span class='op'>)</span> | |||
| <span class='va'>dark_purple</span> <span class='op'><-</span> <span class='st'>"#381d2a"</span> | |||
| <span class='va'>contrast_purple</span> <span class='op'><-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>dark_purple</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>light_green</span>, <span class='va'>contrast_green</span>, <span class='va'>dark_purple</span>, <span class='va'>contrast_purple</span><span class='op'>)</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></div><div class='input'> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='va'>light_green</span> <span class='op'><-</span> <span class='st'>"#c4d6b0"</span></span> | |||
| <span class='r-in'><span class='va'>contrast_green</span> <span class='op'><-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>light_green</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='va'>dark_purple</span> <span class='op'><-</span> <span class='st'>"#381d2a"</span></span> | |||
| <span class='r-in'><span class='va'>contrast_purple</span> <span class='op'><-</span> <span class='fu'>choose_dark_or_light</span><span class='op'>(</span><span class='va'>dark_purple</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>light_green</span>, <span class='va'>contrast_green</span>, <span class='va'>dark_purple</span>, <span class='va'>contrast_purple</span><span class='op'>)</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='choose_dark_or_light-1.png' alt='' width='700' height='433' /></span> | |||
| <span class='r-in'></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -207,35 +207,37 @@ more of the language codes as given by <code><a href='google_language_codes.html | |||
| <p>A <code>"google_font"</code> object.</p> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span> | |||
| </div><div class='output co'>#> $family | |||
| #> [1] "Josefin Sans" | |||
| #> | |||
| #> $weights | |||
| #> [1] "400,400i,600i,700" | |||
| #> | |||
| #> $languages | |||
| #> NULL | |||
| #> | |||
| #> $url | |||
| #> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&display=swap" | |||
| #> | |||
| #> attr(,"class") | |||
| #> [1] "google_font"</div><div class='input'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span> | |||
| </div><div class='output co'>#> $family | |||
| #> [1] "Josefin Sans" | |||
| #> | |||
| #> $weights | |||
| #> NULL | |||
| #> | |||
| #> $languages | |||
| #> [1] "latin-ext,vietnamese" | |||
| #> | |||
| #> $url | |||
| #> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin-ext,vietnamese&display=swap" | |||
| #> | |||
| #> attr(,"class") | |||
| #> [1] "google_font"</div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, <span class='st'>"400"</span>, <span class='st'>"400i"</span>, <span class='st'>"600i"</span>, <span class='st'>"700"</span><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $family</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "Josefin Sans"</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $weights</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "400,400i,600i,700"</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $languages</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> NULL</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $url</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600i,700&display=swap"</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> attr(,"class")</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "google_font"</span> | |||
| <span class='r-in'><span class='fu'>google_font</span><span class='op'>(</span><span class='st'>"Josefin Sans"</span>, languages <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"latin-ext"</span>, <span class='st'>"vietnamese"</span><span class='op'>)</span><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $family</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "Josefin Sans"</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $weights</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> NULL</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $languages</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "latin-ext,vietnamese"</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> $url</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "https://fonts.googleapis.com/css?family=Josefin+Sans&subset=latin-ext,vietnamese&display=swap"</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> attr(,"class")</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "google_font"</span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -203,15 +203,16 @@ where 0 is entirely the original color and 1 is entirely white | |||
| hexadecimal format.</p> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='va'>blue</span> <span class='op'><-</span> <span class='st'>"#0e6ba8"</span> | |||
| <span class='va'>blue_light</span> <span class='op'><-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span> | |||
| <span class='va'>blue_dark</span> <span class='op'><-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></div><div class='input'> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='va'>blue</span> <span class='op'><-</span> <span class='st'>"#0e6ba8"</span></span> | |||
| <span class='r-in'><span class='va'>blue_light</span> <span class='op'><-</span> <span class='fu'>lighten_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='va'>blue_dark</span> <span class='op'><-</span> <span class='fu'>darken_color</span><span class='op'>(</span><span class='va'>blue</span>, strength <span class='op'>=</span> <span class='fl'>0.33</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"scales"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='fu'>scales</span><span class='fu'>::</span><span class='fu'><a href='https://scales.r-lib.org/reference/show_col.html'>show_col</a></span><span class='op'>(</span><span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='va'>blue_light</span>, <span class='va'>blue</span>, <span class='va'>blue_dark</span><span class='op'>)</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='lighten_darken_color-1.png' alt='' width='700' height='433' /></span> | |||
| <span class='r-in'></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -289,53 +289,54 @@ value of <code>inverse_header_color</code></p></td> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||
| <span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span> | |||
| <span class='co'># Saving the theme to a temp file because this is an example</span> | |||
| <span class='va'>path_to_css_file</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span> | |||
| <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span> | |||
| primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>, | |||
| secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>, | |||
| <span class='co'># Using basic fonts for this example, but the plot theme will</span> | |||
| <span class='co'># automatically use your theme font if you use Google fonts</span> | |||
| text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>, | |||
| header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># Here's some very basic example data</span> | |||
| <span class='va'>ex</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span><span class='op'>(</span> | |||
| name <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"Couple"</span>, <span class='st'>"Few"</span>, <span class='st'>"Lots"</span>, <span class='st'>"Many"</span><span class='op'>)</span>, | |||
| n <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span><span class='op'>)</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># Fill color scales demo</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, <span class='va'>n</span>, fill <span class='op'>=</span> <span class='va'>n</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_bar.html'>geom_col</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching fill scales"</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='co'># themed to match the slides: dark blue background with teal text</span> | |||
| <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='co'># Fill color matches teal text</span> | |||
| <span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span><span class='op'>)</span> | |||
| <span class='co'># Color scales demo</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, y <span class='op'>=</span> <span class='fl'>1</span>, color <span class='op'>=</span> <span class='va'>name</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span>size <span class='op'>=</span> <span class='fl'>10</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching color scales"</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='co'># themed to match the slides: dark blue background with teal text</span> | |||
| <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='co'># Fill color matches teal text</span> | |||
| <span class='fu'>scale_xaringan_color_discrete</span><span class='op'>(</span>direction <span class='op'>=</span> <span class='op'>-</span><span class='fl'>1</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></div><div class='input'> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span> | |||
| <span class='r-in'><span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span> | |||
| <span class='r-in'> <span class='co'># Saving the theme to a temp file because this is an example</span></span> | |||
| <span class='r-in'> <span class='va'>path_to_css_file</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span> | |||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span> | |||
| <span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span> | |||
| <span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span> | |||
| <span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||
| <span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='co'># Here's some very basic example data</span></span> | |||
| <span class='r-in'> <span class='va'>ex</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/data.frame.html'>data.frame</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> name <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='st'>"Couple"</span>, <span class='st'>"Few"</span>, <span class='st'>"Lots"</span>, <span class='st'>"Many"</span><span class='op'>)</span>,</span> | |||
| <span class='r-in'> n <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/c.html'>c</a></span><span class='op'>(</span><span class='fl'>2</span>, <span class='fl'>3</span>, <span class='fl'>5</span>, <span class='fl'>7</span><span class='op'>)</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='co'># Fill color scales demo</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, <span class='va'>n</span>, fill <span class='op'>=</span> <span class='va'>n</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_bar.html'>geom_col</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching fill scales"</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='co'># themed to match the slides: dark blue background with teal text</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='co'># Fill color matches teal text</span></span> | |||
| <span class='r-in'> <span class='fu'>scale_xaringan_fill_continuous</span><span class='op'>(</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='co'># Color scales demo</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>ex</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>name</span>, y <span class='op'>=</span> <span class='fl'>1</span>, color <span class='op'>=</span> <span class='va'>name</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span>size <span class='op'>=</span> <span class='fl'>10</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Matching color scales"</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='co'># themed to match the slides: dark blue background with teal text</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='theme_xaringan.html'>theme_xaringan</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='co'># Fill color matches teal text</span></span> | |||
| <span class='r-in'> <span class='fu'>scale_xaringan_color_discrete</span><span class='op'>(</span>direction <span class='op'>=</span> <span class='op'>-</span><span class='fl'>1</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='scale_xaringan-1.png' alt='' width='700' height='433' /></span> | |||
| <span class='r-in'></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -261,29 +261,29 @@ colors.</p> | |||
| <th>primary_color</th> | |||
| <td><p>Duotone Primary Color. Defaults to #1F4257. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>secondary_color</th> | |||
| <td><p>Duotone Secondary Color. Defaults to #F97B64. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||
| a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</a></code>. | |||
| <code>choose_dark_or_light(primary_color, darken_color(primary_color, 0.9), lighten_color(secondary_color, 0.99))</code>. | |||
| Modifies the <code>body</code> element. The value of this variable is also stored as | |||
| a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any | |||
| a CSS variable that can be referenced with <code>var(--text_color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>secondary_color</code>. Modifies | |||
| the <code>h1, h2, h3</code> elements. The value of this variable is also stored as a | |||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any | |||
| CSS variable that can be referenced with <code>var(--header-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -291,21 +291,21 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>primary_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to <code>secondary_color</code>. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to <code>secondary_color</code>. | |||
| Modifies the <code>strong</code> element. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in | |||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -352,7 +352,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -371,7 +371,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -379,14 +379,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to <code>primary_color</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -399,7 +399,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to | |||
| <code>primary_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -407,7 +407,7 @@ style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -415,7 +415,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -423,7 +423,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function | |||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -470,7 +470,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(secondary_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -482,7 +482,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -497,7 +497,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <tr> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_color, 0.9)</a></code>. Modifies the | |||
| Defaults to <code>lighten_color(primary_color, 0.9)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -505,7 +505,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(primary_colo | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -514,7 +514,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -523,7 +523,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -532,7 +532,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -541,7 +541,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -556,7 +556,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -565,7 +565,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -585,7 +585,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -604,15 +604,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -625,15 +625,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -641,7 +641,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -653,15 +653,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -671,13 +671,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -688,10 +688,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -700,19 +700,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -735,7 +735,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -783,19 +783,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_duo_accent.html'>style_duo_accent</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_duo</span><span class='op'>(</span> | |||
| primary_color <span class='op'>=</span> <span class='st'>"#1f4257"</span>, | |||
| secondary_color <span class='op'>=</span> <span class='st'>"#f97b64"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_duo</span><span class='op'>(</span></span> | |||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#1f4257"</span>,</span> | |||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#f97b64"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -266,42 +266,42 @@ accents on select elements (headers, bold text, etc.).</p> | |||
| <th>primary_color</th> | |||
| <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>secondary_color</th> | |||
| <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||
| a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white_color</th> | |||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>black_color</th> | |||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | |||
| CSS rules. The value of this variable is also stored as a CSS variable | |||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -309,23 +309,23 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||
| Modifies the <code>a, a > code</code> elements. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> | |||
| stored as a CSS variable that can be referenced with <code>var(--link-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||
| Modifies the <code>strong</code> element. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in | |||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -372,13 +372,13 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_inline_color</th> | |||
| <td><p>Inline Code Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, primary_color, secondary_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, primary_color, secondary_color)</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -392,7 +392,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -400,15 +400,15 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -419,10 +419,10 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <tr> | |||
| <th>inverse_header_color</th> | |||
| <td><p>Inverse Header Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -430,15 +430,15 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>title_slide_text_color</th> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies | |||
| <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | |||
| the <code>.title-slide</code> class. The value of this variable is also stored as a | |||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> | |||
| CSS variable that can be referenced with <code>var(--title-slide-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -446,7 +446,7 @@ in any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function | |||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -493,7 +493,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -505,7 +505,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -520,7 +520,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <tr> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_color, 0.8)</a></code>. Modifies the | |||
| Defaults to <code>lighten_color(secondary_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -528,7 +528,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(secondary_co | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -537,7 +537,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -546,7 +546,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -555,7 +555,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -564,7 +564,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -579,7 +579,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -588,7 +588,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -608,7 +608,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -627,15 +627,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -648,15 +648,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -664,7 +664,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -676,15 +676,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -694,13 +694,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -711,10 +711,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -723,19 +723,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -758,7 +758,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -806,19 +806,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_duo_accent</span><span class='op'>(</span> | |||
| primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>, | |||
| secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_duo_accent</span><span class='op'>(</span></span> | |||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,</span> | |||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -267,42 +267,42 @@ for color accents on select elements (headers, bold text, etc.).</p> | |||
| <th>primary_color</th> | |||
| <td><p>Duotone Primary Color. Defaults to #035AA6. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--primary)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--primary)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>secondary_color</th> | |||
| <td><p>Duotone Secondary Color. Defaults to #03A696. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--secondary)</a></code> in any argument of | |||
| variable that can be referenced with <code>var(--secondary)</code> in any argument of | |||
| a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white_color</th> | |||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>black_color</th> | |||
| <td><p>Darkest color used. Defaults to #000000. Used in multiple | |||
| CSS rules. The value of this variable is also stored as a CSS variable | |||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>primary_color</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -310,23 +310,23 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||
| Modifies the <code>a, a > code</code> elements. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> | |||
| stored as a CSS variable that can be referenced with <code>var(--link-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||
| Modifies the <code>strong</code> element. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in | |||
| as a CSS variable that can be referenced with <code>var(--text-bold-color)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -373,13 +373,13 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_inline_color</th> | |||
| <td><p>Inline Code Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, secondary_color, primary_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, secondary_color, primary_color)</code>. | |||
| Modifies the <code>.remark-inline-code</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -393,7 +393,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -401,15 +401,15 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>secondary_color</code>. Modifies the <code>.inverse</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -420,10 +420,10 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <tr> | |||
| <th>inverse_header_color</th> | |||
| <td><p>Inverse Header Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(secondary_color, black_color, white_color)</a></code>. | |||
| <code>choose_dark_or_light(secondary_color, black_color, white_color)</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -431,15 +431,15 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>title_slide_text_color</th> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code><a href='choose_dark_or_light.html'>choose_dark_or_light(primary_color, black_color, white_color)</a></code>. Modifies | |||
| <code>choose_dark_or_light(primary_color, black_color, white_color)</code>. Modifies | |||
| the <code>.title-slide</code> class. The value of this variable is also stored as a | |||
| CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> | |||
| CSS variable that can be referenced with <code>var(--title-slide-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -447,7 +447,7 @@ in any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>primary_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a style function | |||
| <code>var(--title-slide-background-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -494,7 +494,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(primary_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(primary_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -506,7 +506,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(secondary_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(secondary_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -522,7 +522,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to | |||
| <code><a href='lighten_darken_color.html'>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</a></code>. | |||
| <code>darken_color(choose_dark_or_light(primary_color, secondary_color, primary_color), 0.2)</code>. | |||
| Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -530,7 +530,7 @@ Modifies the <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -539,7 +539,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -548,7 +548,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -557,7 +557,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -566,7 +566,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -581,7 +581,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -590,7 +590,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -610,7 +610,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -629,15 +629,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -650,15 +650,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -666,7 +666,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -678,15 +678,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -696,13 +696,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -713,10 +713,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -725,19 +725,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -760,7 +760,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -808,19 +808,19 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_duo.html'>style_duo</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span> | |||
| primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>, | |||
| secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_duo_accent_inverse</span><span class='op'>(</span></span> | |||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#006747"</span>,</span> | |||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#cfc493"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -196,7 +196,7 @@ and appends CSS rules to <code>outfile</code>.</p> | |||
| <th>css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code></p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code></p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>outfile</th> | |||
| @@ -219,35 +219,36 @@ it will overwrite the contents of <code>outfile</code>.</p></td> | |||
| <p>The <code>css</code> input must be a named list of css properties and values within a | |||
| named list of class identifiers, for example | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='fu'>style_extra_css</span><span class='op'>(</span> | |||
| outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>, | |||
| css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span> | |||
| <span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>, | |||
| <span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>, | |||
| <span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span> | |||
| display <span class='op'>=</span> <span class='st'>"flex"</span>, | |||
| width <span class='op'>=</span> <span class='st'>"100%"</span>, | |||
| flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span> | |||
| <span class='op'>)</span> | |||
| <span class='op'>)</span> | |||
| <span class='op'>)</span> | |||
| </div><div class='output co'>#> | |||
| #> | |||
| #> /* Extra CSS */ | |||
| #> .red { | |||
| #> color: red; | |||
| #> } | |||
| #> .small { | |||
| #> font-size: 90%; | |||
| #> } | |||
| #> .full-width { | |||
| #> display: flex; | |||
| #> width: 100%; | |||
| #> flex: 1 1 auto; | |||
| #> }</div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='fu'>style_extra_css</span><span class='op'>(</span></span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/showConnections.html'>stdout</a></span><span class='op'>(</span><span class='op'>)</span>,</span> | |||
| <span class='r-in'> css <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> <span class='st'>".red"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span>color <span class='op'>=</span> <span class='st'>"red"</span><span class='op'>)</span>,</span> | |||
| <span class='r-in'> <span class='st'>".small"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span><span class='st'>"font-size"</span> <span class='op'>=</span> <span class='st'>"90%"</span><span class='op'>)</span>,</span> | |||
| <span class='r-in'> <span class='st'>".full-width"</span> <span class='op'>=</span> <span class='fu'><a href='https://rdrr.io/r/base/list.html'>list</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> display <span class='op'>=</span> <span class='st'>"flex"</span>,</span> | |||
| <span class='r-in'> width <span class='op'>=</span> <span class='st'>"100%"</span>,</span> | |||
| <span class='r-in'> flex <span class='op'>=</span> <span class='st'>"1 1 auto"</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> </span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> /* Extra CSS */</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> .red {</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> color: red;</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> }</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> .small {</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> font-size: 90%;</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> }</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> .full-width {</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> display: flex;</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> width: 100%;</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> flex: 1 1 auto;</span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> }</span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -262,34 +262,34 @@ accents on select elements (headers, bold text, etc.).</p> | |||
| <td><p>Monotone Base Color, works best with a strong color. | |||
| Defaults to #43418A. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white_color</th> | |||
| <td><p>Brightest color used. Defaults to #FFFFFF. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>black_color</th> | |||
| <td><p>Darkest color used. Defaults to #272822. Used in multiple | |||
| CSS rules. The value of this variable is also stored as a CSS variable | |||
| that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a style | |||
| that can be referenced with <code>var(--black)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -297,21 +297,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -358,7 +358,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -377,7 +377,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -385,14 +385,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -405,7 +405,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -413,7 +413,7 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -421,7 +421,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -429,7 +429,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -476,7 +476,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -488,7 +488,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -503,7 +503,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <tr> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the | |||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -511,7 +511,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -520,7 +520,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -529,7 +529,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -538,7 +538,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -547,7 +547,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -562,7 +562,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -571,7 +571,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -591,7 +591,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -610,15 +610,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -631,15 +631,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -647,7 +647,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -659,15 +659,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -677,13 +677,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -694,10 +694,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -706,19 +706,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -741,7 +741,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -790,18 +790,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_mono_accent</span><span class='op'>(</span> | |||
| base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_mono_accent</span><span class='op'>(</span></span> | |||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#43418A"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -262,35 +262,35 @@ for color accents on select elements (headers, bold text, etc.).</p> | |||
| <td><p>Monotone Base Color, works best with a light color. | |||
| Defaults to #3C989E. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white_color</th> | |||
| <td><p>Brightest color used, default is a very light version of | |||
| <code>base_color</code>. Defaults to #FFFFFF. Used in multiple CSS rules. The value | |||
| of this variable is also stored as a CSS variable that can be referenced | |||
| with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||
| with <code>var(--white)</code> in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>black_color</th> | |||
| <td><p>Darkest color used, default is a very dark, version of | |||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.9)</a></code>. Used in | |||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.9)</code>. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -298,21 +298,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -359,7 +359,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -378,7 +378,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -386,14 +386,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -406,7 +406,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -414,7 +414,7 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -422,7 +422,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -430,7 +430,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -477,7 +477,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -489,7 +489,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -504,7 +504,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <tr> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.8)</a></code>. Modifies the | |||
| Defaults to <code>darken_color(base_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -512,7 +512,7 @@ Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0 | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -521,7 +521,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -530,7 +530,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -539,7 +539,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -548,7 +548,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -563,7 +563,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -572,7 +572,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -592,7 +592,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -611,15 +611,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -632,15 +632,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -648,7 +648,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -660,15 +660,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -678,13 +678,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -695,10 +695,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -707,19 +707,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -742,7 +742,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -791,18 +791,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span> | |||
| base_color <span class='op'>=</span> <span class='st'>"#3c989e"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_mono_accent_inverse</span><span class='op'>(</span></span> | |||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#3c989e"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -260,36 +260,36 @@ | |||
| <td><p>Monotone Base Color, works best with a light color.. | |||
| Defaults to #cbf7ed. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white_color</th> | |||
| <td><p>Brightest color used, default is a very light version of | |||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Used in | |||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.8)</code>. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>black_color</th> | |||
| <td><p>Darkest color used, default is a very dark, version of | |||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.85)</a></code>. Used in | |||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.85)</code>. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to <code>white_color</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -297,21 +297,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -358,7 +358,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -377,7 +377,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -385,14 +385,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -405,7 +405,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to <code>black_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -413,7 +413,7 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -421,7 +421,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -429,7 +429,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -476,7 +476,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -488,7 +488,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -503,7 +503,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <tr> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.7)</a></code>. Modifies the | |||
| Defaults to <code>darken_color(base_color, 0.7)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -511,7 +511,7 @@ Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0 | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -520,7 +520,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -529,7 +529,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -538,7 +538,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -547,7 +547,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -562,7 +562,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -571,7 +571,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -591,7 +591,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -610,15 +610,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -631,15 +631,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -647,7 +647,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -659,15 +659,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -677,13 +677,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -694,10 +694,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -706,19 +706,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -741,7 +741,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -790,18 +790,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_mono_light.html'>style_mono_light</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_mono_dark</span><span class='op'>(</span> | |||
| base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_mono_dark</span><span class='op'>(</span></span> | |||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#cbf7ed"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -260,36 +260,36 @@ | |||
| <td><p>Monotone base color, works best with a strong color. | |||
| Defaults to #23395b. Used in multiple CSS rules. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base)</a></code> in any argument of a style function or in custom CSS.</p></td> | |||
| <code>var(--base)</code> in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>white_color</th> | |||
| <td><p>Brightest color used, default is a very light version of | |||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.9)</a></code>. Used in | |||
| <code>base_color</code>. Defaults to <code>lighten_color(base_color, 0.9)</code>. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--white)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--white)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>black_color</th> | |||
| <td><p>Darkest color used, default is a very dark, version of | |||
| <code>base_color</code>. Defaults to <code><a href='lighten_darken_color.html'>darken_color(base_color, 0.3)</a></code>. Used in | |||
| <code>base_color</code>. Defaults to <code>darken_color(base_color, 0.3)</code>. Used in | |||
| multiple CSS rules. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--black)</a></code> in any argument of a | |||
| variable that can be referenced with <code>var(--black)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to <code>black_color</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -297,21 +297,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to <code>base_color</code>. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to <code>base_color</code>. Modifies | |||
| the <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -358,7 +358,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -377,7 +377,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -385,14 +385,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| <code>base_color</code>. Modifies the <code>.inverse</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.inverse</code> class. The value of this variable is also stored | |||
| as a CSS variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> | |||
| as a CSS variable that can be referenced with <code>var(--inverse-text-color)</code> | |||
| in any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -405,7 +405,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to <code>white_color</code>. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -413,7 +413,7 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -421,7 +421,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -429,7 +429,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -476,7 +476,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>left_column_subtle_color</th> | |||
| <td><p>Left Column Text (not last). Defaults to | |||
| <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.6)</a></code>. Modifies the | |||
| <code>apply_alpha(base_color, 0.6)</code>. Modifies the | |||
| <code>.left-column h2, .left-column h3</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -488,7 +488,7 @@ property values.</p></td> | |||
| <tr> | |||
| <th>blockquote_left_border_color</th> | |||
| <td><p>Blockquote Left Border Color. Defaults | |||
| to <code><a href='apply_alpha.html'>apply_alpha(base_color, 0.5)</a></code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| to <code>apply_alpha(base_color, 0.5)</code>. Modifies the <code>blockquote</code> element.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>table_border_color</th> | |||
| @@ -503,7 +503,7 @@ Modifies the <code>table: border-top, border-bottom</code> elements.</p></td> | |||
| <tr> | |||
| <th>table_row_even_background_color</th> | |||
| <td><p>Table Even Row Background Color. | |||
| Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, 0.8)</a></code>. Modifies the | |||
| Defaults to <code>lighten_color(base_color, 0.8)</code>. Modifies the | |||
| <code>thead, tfoot, tr:nth-child(even)</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -511,7 +511,7 @@ Defaults to <code><a href='lighten_darken_color.html'>lighten_color(base_color, | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -520,7 +520,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -529,7 +529,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -538,7 +538,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -547,7 +547,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -562,7 +562,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -571,7 +571,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -591,7 +591,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -610,15 +610,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -631,15 +631,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -647,7 +647,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -659,15 +659,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -677,13 +677,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -694,10 +694,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -706,19 +706,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -741,7 +741,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -790,18 +790,18 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_mono_dark.html'>style_mono_dark</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_mono_light</span><span class='op'>(</span> | |||
| base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_mono_light</span><span class='op'>(</span></span> | |||
| <span class='r-in'> base_color <span class='op'>=</span> <span class='st'>"#23395b"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -260,14 +260,14 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to #839496. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -275,21 +275,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to #002b36. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to #b58900. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to #d33682. Modifies the | |||
| <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -336,7 +336,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to #268bd240. | |||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in | |||
| <code>var(--code-highlight-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -355,7 +355,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -363,14 +363,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| #fdf6e3. Modifies the <code>.inverse</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to #002b36. Modifies | |||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -383,7 +383,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -391,7 +391,7 @@ style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -399,7 +399,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -407,7 +407,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -488,7 +488,7 @@ elements.</p></td> | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -497,7 +497,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -506,7 +506,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -515,7 +515,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -524,7 +524,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -539,7 +539,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -548,7 +548,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -568,7 +568,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -587,15 +587,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -608,15 +608,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -624,7 +624,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -636,15 +636,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -654,13 +654,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -671,10 +671,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -683,19 +683,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -718,7 +718,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -768,17 +768,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_solarized_dark</span><span class='op'>(</span> | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_solarized_dark</span><span class='op'>(</span></span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -260,14 +260,14 @@ Works well with "<code>highlightStyle: solarized-dark</code>" or | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to #657b83. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style | |||
| can be referenced with <code>var(--text_color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to #dc322f. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -275,21 +275,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to #fdf6e3. | |||
| Modifies the <code>.remark-slide-content</code> class. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to #b58900. Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to #d33682. Modifies the | |||
| <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -336,7 +336,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to #268bd240. | |||
| Modifies the <code>.remark-code-line-highlighted</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style function or in | |||
| <code>var(--code-highlight-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -355,7 +355,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -363,14 +363,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| #002b36. Modifies the <code>.inverse</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to #fdf6e3. Modifies | |||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -383,7 +383,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> | |||
| classes. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a | |||
| can be referenced with <code>var(--inverse-header-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -391,7 +391,7 @@ style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -399,7 +399,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -407,7 +407,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -488,7 +488,7 @@ elements.</p></td> | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -497,7 +497,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -506,7 +506,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -515,7 +515,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -524,7 +524,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -539,7 +539,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -548,7 +548,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -568,7 +568,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -587,15 +587,15 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>text_font_family</th> | |||
| <td><p>Body Text Font Family (xaringan default is | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_weight</th> | |||
| <td><p>Body Text Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_weight")</a></code>. Modifies the <code>body</code> | |||
| <code>xaringanthemer_font_default("text_font_weight")</code>. Modifies the <code>body</code> | |||
| element. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -608,15 +608,15 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <tr> | |||
| <th>text_font_url</th> | |||
| <td><p>Body Text Font URL(s). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_url")</code>. Modifies the | |||
| <code>@import url()</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_font_family_fallback</th> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("text_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -624,7 +624,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -636,15 +636,15 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <th>header_font_family</th> | |||
| <td><p>Header Font Family (xaringan default is | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_weight</th> | |||
| <td><p>Header Font Weight. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_weight")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_weight")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight'>font-weight</a> | |||
| property values.</p></td> | |||
| @@ -654,13 +654,13 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_font_url</th> | |||
| <td><p>Header Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("header_font_url")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("header_font_url")</code>. Modifies the | |||
| <code>@import url</code> elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -671,10 +671,10 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <tr> | |||
| <th>code_font_family</th> | |||
| <td><p>Code Font Family. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -683,19 +683,19 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_url</th> | |||
| <td><p>Code Font URL. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_url")</a></code>. Modifies the <code>@import url</code> | |||
| <code>xaringanthemer_font_default("code_font_url")</code>. Modifies the <code>@import url</code> | |||
| elements.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>code_font_family_fallback</th> | |||
| <td><p>Code Font Fallback. Defaults to | |||
| <code><a href='xaringanthemer_font_default.html'>xaringanthemer_font_default("code_font_family_fallback")</a></code>. Modifies the | |||
| <code>xaringanthemer_font_default("code_font_family_fallback")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -718,7 +718,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -768,17 +768,17 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_solarized_dark.html'>style_solarized_dark</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_solarized_light</span><span class='op'>(</span> | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_solarized_light</span><span class='op'>(</span></span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -263,14 +263,14 @@ function family.</p></td> | |||
| <th>text_color</th> | |||
| <td><p>Text Color. Defaults to #000. Modifies the <code>body</code> element. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text_color)</a></code> in any argument of a style function or | |||
| referenced with <code>var(--text_color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>header_color</th> | |||
| <td><p>Header Color. Defaults to #000. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--header-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -278,21 +278,21 @@ of a style function or in custom CSS.</p></td> | |||
| <td><p>Slide Background Color. Defaults to #FFF. Modifies | |||
| the <code>.remark-slide-content</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--background-color)</a></code> in any argument of a style function or in custom | |||
| <code>var(--background-color)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>link_color</th> | |||
| <td><p>Link Color. Defaults to rgb(249, 38, 114). Modifies the | |||
| <code>a, a > code</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--link-color)</a></code> in any argument | |||
| variable that can be referenced with <code>var(--link-color)</code> in any argument | |||
| of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>text_bold_color</th> | |||
| <td><p>Bold Text Color. Defaults to <code>NULL</code>. Modifies the | |||
| <code>strong</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-bold-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-bold-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -339,7 +339,7 @@ property values.</p></td> | |||
| <td><p>Code Line Highlight. Defaults to | |||
| rgba(255,255,0,0.5). Modifies the <code>.remark-code-line-highlighted</code> class. | |||
| The value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-highlight-color)</a></code> in any argument of a style | |||
| referenced with <code>var(--code-highlight-color)</code> in any argument of a style | |||
| function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -358,7 +358,7 @@ to <code>NULL</code>. Modifies the <code>.remark-inline-code</code> class.</p></ | |||
| Modifies the <code>.remark-inline-code</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-inline-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-inline-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -366,14 +366,14 @@ argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Inverse Background Color. Defaults to | |||
| #272822. Modifies the <code>.inverse</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-background-color)</a></code> in any argument of a style function or | |||
| <code>var(--inverse-background-color)</code> in any argument of a style function or | |||
| in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>inverse_text_color</th> | |||
| <td><p>Inverse Text Color. Defaults to #d6d6d6. Modifies | |||
| the <code>.inverse</code> class. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-text-color)</a></code> in any | |||
| variable that can be referenced with <code>var(--inverse-text-color)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -386,7 +386,7 @@ Defaults to <code>FALSE</code>. Modifies the <code>.inverse</code> class.</p></t | |||
| <td><p>Inverse Header Color. Defaults to #f3f3f3. | |||
| Modifies the <code>.inverse h1, .inverse h2, .inverse h3</code> classes. The value of | |||
| this variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-header-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-header-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -394,7 +394,7 @@ custom CSS.</p></td> | |||
| <td><p>Inverse Link Color. Defaults to <code>link_color</code>. | |||
| Modifies the <code>.inverse a, .inverse a > code</code> classes. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--inverse-link-color)</a></code> in any argument of a style function or in | |||
| <code>var(--inverse-link-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -402,7 +402,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Text Color. Defaults to | |||
| <code>inverse_text_color</code>. Modifies the <code>.title-slide</code> class. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-text-color)</a></code> in any argument of a style function or in | |||
| <code>var(--title-slide-text-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -410,7 +410,7 @@ custom CSS.</p></td> | |||
| <td><p>Title Slide Background Color. Defaults | |||
| to <code>inverse_background_color</code>. Modifies the <code>.title-slide</code> class. The | |||
| value of this variable is also stored as a CSS variable that can be | |||
| referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--title-slide-background-color)</a></code> in any argument of a | |||
| referenced with <code>var(--title-slide-background-color)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -491,7 +491,7 @@ elements.</p></td> | |||
| <td><p>Base Font Size for All Slide Elements (must be <code>px</code>). | |||
| Defaults to 20px. Modifies the <code>html</code> element. The value of this variable | |||
| is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--base-font-size)</a></code> in any argument of a style function or in custom | |||
| <code>var(--base-font-size)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -500,7 +500,7 @@ CSS.</p></td> | |||
| the <code>.remark-slide-content</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--text-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -509,7 +509,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h1</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h1-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h1-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -518,7 +518,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h2</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h2-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h2-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -527,7 +527,7 @@ argument of a style function or in custom CSS.</p></td> | |||
| Modifies the <code>.remark-slide-content h3</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-h3-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-h3-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -542,7 +542,7 @@ enable. Defaults to <code>FALSE</code>.</p></td> | |||
| Background. Defaults to <code>header_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-color)</a></code> in any argument of a style function or in | |||
| <code>var(--header-background-color)</code> in any argument of a style function or in | |||
| custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -551,7 +551,7 @@ custom CSS.</p></td> | |||
| Background. Defaults to <code>background_color</code>. Modifies the | |||
| <code>.remark-slide-content h1</code> class. The value of this variable is also | |||
| stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-background-text-color)</a></code> in any argument of a style function | |||
| <code>var(--header-background-text-color)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -571,7 +571,7 @@ Slide with Header with Background. Defaults to 7rem. Modifies the | |||
| <th>header_background_ignore_classes</th> | |||
| <td><p>Slide Classes Where Header with | |||
| Background will not be Applied. Defaults to | |||
| <code><a href='https://rdrr.io/r/base/c.html'>c('normal', 'inverse', 'title', 'middle', 'bottom')</a></code>. Modifies the | |||
| <code>c('normal', 'inverse', 'title', 'middle', 'bottom')</code>. Modifies the | |||
| <code>.remark-slide-content</code> class.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -592,7 +592,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <code>'Droid Serif'</code>). Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family")</code>. Modifies the <code>body</code> | |||
| element. The value of this variable is also stored as a CSS variable that | |||
| can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family)</a></code> in any argument of a | |||
| can be referenced with <code>var(--text-font-family)</code> in any argument of a | |||
| style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -619,7 +619,7 @@ Modifies the <code>strong</code> element.</p></td> | |||
| <td><p>Body Text Font Fallbacks. Defaults to | |||
| <code>xaringanthemer_font_default("text_font_family_fallback")</code>. Modifies the | |||
| <code>body</code> element. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-family-fallback)</a></code> in | |||
| variable that can be referenced with <code>var(--text-font-family-fallback)</code> in | |||
| any argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -627,7 +627,7 @@ any argument of a style function or in custom CSS.</p></td> | |||
| <td><p>Body Text Base Font (Total Failure Fallback). Defaults | |||
| to sans-serif. Modifies the <code>body</code> element. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--text-font-base)</a></code> in any argument of a style function or in custom | |||
| <code>var(--text-font-base)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -641,7 +641,7 @@ Defaults to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <code>'Yanone Kaffeesatz'</code>). Defaults to | |||
| <code>xaringanthemer_font_default("header_font_family")</code>. Modifies the | |||
| <code>h1, h2, h3</code> elements. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family)</a></code> in any | |||
| variable that can be referenced with <code>var(--header-font-family)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -657,7 +657,7 @@ property values.</p></td> | |||
| <td><p>Header Font Family Fallback. Defaults to | |||
| Georgia, serif. Modifies the <code>h1, h2, h3</code> elements. The value of this | |||
| variable is also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--header-font-family-fallback)</a></code> in any argument of a style function | |||
| <code>var(--header-font-family-fallback)</code> in any argument of a style function | |||
| or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -677,7 +677,7 @@ to <code>NULL</code>. Modifies the <code>body</code> element.</p></td> | |||
| <code>xaringanthemer_font_default("code_font_family")</code>. Modifies the | |||
| <code>.remark-code, .remark-inline-code</code> classes. The value of this variable is | |||
| also stored as a CSS variable that can be referenced with | |||
| <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-family)</a></code> in any argument of a style function or in custom | |||
| <code>var(--code-font-family)</code> in any argument of a style function or in custom | |||
| CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -686,7 +686,7 @@ CSS.</p></td> | |||
| <code>.remark-inline</code> class. Accepts CSS | |||
| <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/font-size'>font-size</a> | |||
| property values. The value of this variable is also stored as a CSS | |||
| variable that can be referenced with <code><a href='https://rdrr.io/r/stats/cor.html'>var(--code-font-size)</a></code> in any | |||
| variable that can be referenced with <code>var(--code-font-size)</code> in any | |||
| argument of a style function or in custom CSS.</p></td> | |||
| </tr> | |||
| <tr> | |||
| @@ -721,7 +721,7 @@ to the background.</p></td> | |||
| <th>extra_css</th> | |||
| <td><p>A named list of CSS definitions each containing a named list | |||
| of CSS property-value pairs, i.e. | |||
| <code><a href='https://rdrr.io/r/base/list.html'>list(".class-id" = list("css-property" = "value"))</a></code>.</p></td> | |||
| <code>list(".class-id" = list("css-property" = "value"))</code>.</p></td> | |||
| </tr> | |||
| <tr> | |||
| <th>extra_fonts</th> | |||
| @@ -773,20 +773,21 @@ argument, use that name instead of the default file name.<div class="yaml"></p>< | |||
| <code><a href='style_solarized_light.html'>style_solarized_light</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringan style in a temporary file</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'>style_xaringan</span><span class='op'>(</span> | |||
| text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>, | |||
| inverse_background_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>, | |||
| inverse_text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span> | |||
| <span class='co'># styles to xaringan-themer.css</span> | |||
| <span class='op'>)</span> | |||
| </div><div class='output co'>#> <span class='warning'>Warning: Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span></div><div class='input'> | |||
| <span class='co'># View the CSS:</span> | |||
| <span class='co'># file.edit(xaringan_themer_css)</span> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringan style in a temporary file</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer-"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>style_xaringan</span><span class='op'>(</span></span> | |||
| <span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,</span> | |||
| <span class='r-in'> inverse_background_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span> | |||
| <span class='r-in'> inverse_text_color <span class='op'>=</span> <span class='st'>"#002b3"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span> <span class='co'># omit in your slides to write the</span></span> | |||
| <span class='r-in'> <span class='co'># styles to xaringan-themer.css</span></span> | |||
| <span class='r-in'><span class='op'>)</span></span> | |||
| <span class='r-wrn co'><span class='r-pr'>#></span> <span class='warning'>Warning: </span>Colors that will be used by `theme_xaringan()` need to be in hexadecimal format: text_color, inverse_text_color</span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='co'># View the CSS:</span></span> | |||
| <span class='r-in'><span class='co'># file.edit(xaringan_themer_css)</span></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -290,32 +290,33 @@ package is installed.</p></td> | |||
| <code><a href='theme_xaringan_set_defaults.html'>theme_xaringan_set_defaults</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||
| <span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='co'># Because this is an example, we'll save the CSS to a temp file</span> | |||
| <span class='va'>path_to_css_file</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span> | |||
| <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span> | |||
| primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>, | |||
| secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>, | |||
| <span class='co'># Using basic fonts for this example, but the plot theme will</span> | |||
| <span class='co'># automatically use your theme font if you use Google fonts</span> | |||
| text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>, | |||
| header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span> | |||
| <span class='op'>)</span> | |||
| <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span> | |||
| <span class='r-in'><span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='co'># Because this is an example, we'll save the CSS to a temp file</span></span> | |||
| <span class='r-in'> <span class='va'>path_to_css_file</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span> | |||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span> | |||
| <span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span> | |||
| <span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span> | |||
| <span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||
| <span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'>theme_xaringan</span><span class='op'>(</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='theme_xaringan-1.png' alt='' width='700' height='433' /></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -297,51 +297,53 @@ package is installed.</p></td> | |||
| <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||
| <span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span> | |||
| <span class='va'>plot1</span> <span class='op'><-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'>theme_xaringan_base</span><span class='op'>(</span> | |||
| text_color <span class='op'>=</span> <span class='st'>"#602f6b"</span>, <span class='co'># imperial</span> | |||
| background_color <span class='op'>=</span> <span class='st'>"#f8f8f8"</span>, <span class='co'># light gray</span> | |||
| accent_color <span class='op'>=</span> <span class='st'>"#317873"</span>, <span class='co'># myrtle green</span> | |||
| title_font <span class='op'>=</span> <span class='st'>"sans"</span>, | |||
| text_font <span class='op'>=</span> <span class='st'>"serif"</span>, | |||
| set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span> | |||
| <span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span> | |||
| title <span class='op'>=</span> <span class='st'>"Fuel Efficiency of Various Cars"</span>, | |||
| subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>, | |||
| caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span> | |||
| <span class='op'>)</span> | |||
| <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot1</span><span class='op'>)</span> | |||
| <span class='va'>plot2</span> <span class='op'><-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_histogram.html'>geom_histogram</a></span><span class='op'>(</span>binwidth <span class='op'>=</span> <span class='fl'>2</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'>theme_xaringan_base</span><span class='op'>(</span> | |||
| text_color <span class='op'>=</span> <span class='st'>"#a8a9c8"</span>, <span class='co'># light purple</span> | |||
| background_color <span class='op'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span> | |||
| accent_color <span class='op'>=</span> <span class='st'>"#ffff99"</span>, <span class='co'># canary yellow</span> | |||
| title_font <span class='op'>=</span> <span class='st'>"sans"</span>, | |||
| text_font <span class='op'>=</span> <span class='st'>"serif"</span>, | |||
| set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span> | |||
| <span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span> | |||
| title <span class='op'>=</span> <span class='st'>"Highway Fuel Efficiency"</span>, | |||
| subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>, | |||
| caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span> | |||
| <span class='op'>)</span> | |||
| <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot2</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></div><div class='img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span> | |||
| <span class='r-in'><span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='va'>plot1</span> <span class='op'><-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'>theme_xaringan_base</span><span class='op'>(</span></span> | |||
| <span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#602f6b"</span>, <span class='co'># imperial</span></span> | |||
| <span class='r-in'> background_color <span class='op'>=</span> <span class='st'>"#f8f8f8"</span>, <span class='co'># light gray</span></span> | |||
| <span class='r-in'> accent_color <span class='op'>=</span> <span class='st'>"#317873"</span>, <span class='co'># myrtle green</span></span> | |||
| <span class='r-in'> title_font <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||
| <span class='r-in'> text_font <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||
| <span class='r-in'> set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span></span> | |||
| <span class='r-in'> <span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> title <span class='op'>=</span> <span class='st'>"Fuel Efficiency of Various Cars"</span>,</span> | |||
| <span class='r-in'> subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,</span> | |||
| <span class='r-in'> caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot1</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='va'>plot2</span> <span class='op'><-</span> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_histogram.html'>geom_histogram</a></span><span class='op'>(</span>binwidth <span class='op'>=</span> <span class='fl'>2</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'>theme_xaringan_base</span><span class='op'>(</span></span> | |||
| <span class='r-in'> text_color <span class='op'>=</span> <span class='st'>"#a8a9c8"</span>, <span class='co'># light purple</span></span> | |||
| <span class='r-in'> background_color <span class='op'>=</span> <span class='st'>"#303163"</span>, <span class='co'># deep slate purple</span></span> | |||
| <span class='r-in'> accent_color <span class='op'>=</span> <span class='st'>"#ffff99"</span>, <span class='co'># canary yellow</span></span> | |||
| <span class='r-in'> title_font <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||
| <span class='r-in'> text_font <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||
| <span class='r-in'> set_ggplot_defaults <span class='op'>=</span> <span class='cn'>TRUE</span></span> | |||
| <span class='r-in'> <span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>labs</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> title <span class='op'>=</span> <span class='st'>"Highway Fuel Efficiency"</span>,</span> | |||
| <span class='r-in'> subtitle <span class='op'>=</span> <span class='st'>"+ theme_xaringan_base()"</span>,</span> | |||
| <span class='r-in'> caption <span class='op'>=</span> <span class='st'>"xaringanthemer"</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://rdrr.io/r/base/print.html'>print</a></span><span class='op'>(</span><span class='va'>plot2</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='theme_xaringan_base-1.png' alt='' width='700' height='433' /></span> | |||
| <span class='r-plt img'><img src='theme_xaringan_base-2.png' alt='' width='700' height='433' /></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -275,17 +275,21 @@ CSS theme with <span class="pkg">xaringanthemer</span> in your slides' source fi | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span> | |||
| <span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='fu'><a href='style_solarized_light.html'>style_solarized_light</a></span><span class='op'>(</span>outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span><span class='op'>)</span> | |||
| <span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_color"</span><span class='op'>)</span> | |||
| </div><div class='output co'>#> [1] "#657b83"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"background_color"</span><span class='op'>)</span> | |||
| </div><div class='output co'>#> [1] "#fdf6e3"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"header_color"</span><span class='op'>)</span> | |||
| </div><div class='output co'>#> [1] "#dc322f"</div><div class='input'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_bold_color"</span><span class='op'>)</span> | |||
| </div><div class='output co'>#> [1] "#d33682"</div><div class='input'> | |||
| </div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Create a xaringanthemer style in a temporary file for this example</span></span> | |||
| <span class='r-in'><span class='va'>xaringan_themer_css</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span><span class='st'>"xaringan-themer"</span>, fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'><a href='style_solarized_light.html'>style_solarized_light</a></span><span class='op'>(</span>outfile <span class='op'>=</span> <span class='va'>xaringan_themer_css</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_color"</span><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "#657b83"</span> | |||
| <span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"background_color"</span><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "#fdf6e3"</span> | |||
| <span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"header_color"</span><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "#dc322f"</span> | |||
| <span class='r-in'><span class='fu'>theme_xaringan_get_value</span><span class='op'>(</span><span class='st'>"text_bold_color"</span><span class='op'>)</span></span> | |||
| <span class='r-out co'><span class='r-pr'>#></span> [1] "#d33682"</span> | |||
| <span class='r-in'></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -290,33 +290,34 @@ package is installed.</p></td> | |||
| <code><a href='theme_xaringan.html'>theme_xaringan</a>()</code></p></div> | |||
| <h2 class="hasAnchor" id="examples"><a class="anchor" href="#examples"></a>Examples</h2> | |||
| <pre class="examples"><div class='input'><span class='co'># Requires ggplot2</span> | |||
| <span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span> | |||
| <span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span> | |||
| <span class='co'># Because this is an example, we'll save the CSS to a temp file</span> | |||
| <span class='va'>path_to_css_file</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span> | |||
| <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span> | |||
| <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span> | |||
| primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>, | |||
| secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>, | |||
| <span class='co'># Using basic fonts for this example, but the plot theme will</span> | |||
| <span class='co'># automatically use your theme font if you use Google fonts</span> | |||
| text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>, | |||
| header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>, | |||
| outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span> | |||
| <span class='op'>)</span> | |||
| <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span> | |||
| <span class='co'># themed to match the inverse slides: teal background with dark blue text</span> | |||
| <span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span><span class='op'>)</span> | |||
| <span class='op'>}</span> | |||
| </div><div class='img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></div></pre> | |||
| <pre class="examples"><span class='r-in'><span class='co'># Requires ggplot2</span></span> | |||
| <span class='r-in'><span class='va'>has_ggplot2</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/ns-load.html'>requireNamespace</a></span><span class='op'>(</span><span class='st'>"ggplot2"</span>, quietly <span class='op'>=</span> <span class='cn'>TRUE</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'><span class='kw'>if</span> <span class='op'>(</span><span class='va'>has_ggplot2</span><span class='op'>)</span> <span class='op'>{</span></span> | |||
| <span class='r-in'> <span class='co'># Because this is an example, we'll save the CSS to a temp file</span></span> | |||
| <span class='r-in'> <span class='va'>path_to_css_file</span> <span class='op'><-</span> <span class='fu'><a href='https://rdrr.io/r/base/tempfile.html'>tempfile</a></span><span class='op'>(</span>fileext <span class='op'>=</span> <span class='st'>".css"</span><span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='co'># Create the xaringan theme: dark blue background with teal green accents</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='style_duo.html'>style_duo</a></span><span class='op'>(</span></span> | |||
| <span class='r-in'> primary_color <span class='op'>=</span> <span class='st'>"#002b36"</span>,</span> | |||
| <span class='r-in'> secondary_color <span class='op'>=</span> <span class='st'>"#31b09e"</span>,</span> | |||
| <span class='r-in'> <span class='co'># Using basic fonts for this example, but the plot theme will</span></span> | |||
| <span class='r-in'> <span class='co'># automatically use your theme font if you use Google fonts</span></span> | |||
| <span class='r-in'> text_font_family <span class='op'>=</span> <span class='st'>"sans"</span>,</span> | |||
| <span class='r-in'> header_font_family <span class='op'>=</span> <span class='st'>"serif"</span>,</span> | |||
| <span class='r-in'> outfile <span class='op'>=</span> <span class='va'>path_to_css_file</span></span> | |||
| <span class='r-in'> <span class='op'>)</span></span> | |||
| <span class='r-in'></span> | |||
| <span class='r-in'> <span class='kw'><a href='https://rdrr.io/r/base/library.html'>library</a></span><span class='op'>(</span><span class='va'><a href='https://ggplot2.tidyverse.org'>ggplot2</a></span><span class='op'>)</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/ggplot.html'>ggplot</a></span><span class='op'>(</span><span class='va'>mpg</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/aes.html'>aes</a></span><span class='op'>(</span><span class='va'>cty</span>, <span class='va'>hwy</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/geom_point.html'>geom_point</a></span><span class='op'>(</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='fu'><a href='https://ggplot2.tidyverse.org/reference/labs.html'>ggtitle</a></span><span class='op'>(</span><span class='st'>"Fuel Efficiency of Various Cars"</span><span class='op'>)</span> <span class='op'>+</span></span> | |||
| <span class='r-in'> <span class='co'># themed to match the inverse slides: teal background with dark blue text</span></span> | |||
| <span class='r-in'> <span class='fu'>theme_xaringan_inverse</span><span class='op'>(</span><span class='op'>)</span></span> | |||
| <span class='r-in'><span class='op'>}</span></span> | |||
| <span class='r-plt img'><img src='theme_xaringan_inverse-1.png' alt='' width='700' height='433' /></span> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||