| @@ -0,0 +1 @@ | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="https://pkg.garrickadenbuie.com/xaringanthemer//index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -42,7 +42,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -87,7 +87,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"> | |||
| <li> | |||
| @@ -42,7 +42,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -87,7 +87,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"> | |||
| <li> | |||
| @@ -266,7 +266,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> | |||
| @@ -301,10 +301,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> | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -42,7 +42,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -87,7 +87,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"> | |||
| <li> | |||
| @@ -42,7 +42,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -87,7 +87,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"> | |||
| <li> | |||
| @@ -139,7 +139,7 @@ | |||
| <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> | |||
| <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> | |||
| <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> | |||
| <p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||
| <p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||
| <div id="monotone" class="section level3"> | |||
| <h3 class="hasAnchor"> | |||
| <a href="#monotone" class="anchor"></a>Monotone</h3> | |||
| @@ -255,7 +255,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> | |||
| @@ -42,7 +42,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -87,7 +87,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"> | |||
| <li> | |||
| @@ -200,7 +200,7 @@ img { max-width: 100%; } | |||
| <p><strong>xaringanthemer</strong> includes a number of functions that provide themed <strong>xaringan</strong> styles. All of the styling functions start with the <code>style_</code> prefix.</p> | |||
| <p>The goal of each style function is to quickly set up a coordinated color palette for your slides based on one or two starter colors. Styles based on one color start with <code>style_mono_</code> and styles based on two colors start with <code>style_duo_</code>. How the starter colors are used is described in the final portion of the style function name. For example, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> uses a single color as an accent color.</p> | |||
| <p>Note that the colors used below are for demonstration only, the point of the <code>style_</code> functions is for you to choose your own color palette!</p> | |||
| <p>If you color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||
| <p>If your color palette uses more than two colors, you can add additional colors with the <code>colors</code> argument. See the <a href="#colors">Colors</a> section for more information.</p> | |||
| <div id="monotone" class="section level3"> | |||
| <h3 class="hasAnchor"> | |||
| <a href="#monotone" class="anchor"></a>Monotone</h3> | |||
| @@ -423,7 +423,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> | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -44,7 +44,7 @@ Easy slide and plot themes for xaringan slides. | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -89,7 +89,7 @@ Easy slide and plot themes for xaringan slides. | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"> | |||
| <li> | |||
| @@ -144,7 +144,7 @@ Easy slide and plot themes for xaringan slides. | |||
| <p>or you can install the development version of xaringanthemer from <a href="https://github.com/gadenbuie/xaringanthemer">GitHub</a>.</p> | |||
| <div class="sourceCode" id="cb2"><pre class="downlit sourceCode r"> | |||
| <code class="sourceCode R"><span class="co"># install.packages("remotes")</span> | |||
| <span class="fu">remotes</span><span class="fu">::</span><span class="fu"><a href="https://remotes.r-lib.org/reference/install_github.html">install_github</a></span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div> | |||
| <span class="fu">remotes</span><span class="fu">::</span><span class="fu">install_github</span><span class="op">(</span><span class="st">"gadenbuie/xaringanthemer"</span><span class="op">)</span></code></pre></div> | |||
| </div> | |||
| <div id="quick-intro" class="section level2"> | |||
| <h2 class="hasAnchor"> | |||
| @@ -239,8 +239,9 @@ Easy slide and plot themes for xaringan slides. | |||
| <h2>Dev status</h2> | |||
| <ul class="list-unstyled"> | |||
| <li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li> | |||
| <li><a href="https://www.tidyverse.org/lifecycle/#stable"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li> | |||
| <li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/CI%20by%20%7Btic%7D/badge.svg?branch=master" alt="CI by {tic}"></a></li> | |||
| <li><a href="https://gadenbuie.r-universe.dev"><img src="https://gadenbuie.r-universe.dev/badges/xaringanthemer" alt="xaringanthemer status badge"></a></li> | |||
| <li><a href="https://lifecycle.r-lib.org/articles/stages.html"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li> | |||
| <li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/R-CMD-check/badge.svg?branch=main" alt="R-CMD-Check status badge"></a></li> | |||
| <li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li> | |||
| </ul> | |||
| </div> | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -172,6 +172,16 @@ | |||
| <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small> | |||
| </div> | |||
| <div id="xaringanthemer-041" class="section level1"> | |||
| <h1 class="page-header" data-toc-text="0.4.1"> | |||
| <a href="#xaringanthemer-041" class="anchor"></a>xaringanthemer 0.4.1<small> 2021-11-21 </small> | |||
| </h1> | |||
| <ul> | |||
| <li><p>Text alignment in code blocks in <code>left</code>, <code>center</code>, or <code>right</code> aligned slides no longer matches the slide text. Instead, the code block width is reduced, if possible, and the block is pushed to the left, center, or right using margins (<a href='https://github.com/gadenbuie/xaringanthemer/issues/68'>#68</a>).</p></li> | |||
| <li><p>The style functions are now more permissive about color names in the <code>color</code> argument. Color names should be valid CSS classes that can also be used as CSS variable names, but the <code>style_</code> function only stops with an error if the color name contains spaces. (<a href='https://github.com/jdlom'>@jdlom</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/69'>#69</a>)</p></li> | |||
| <li><p>Fixed an issue that caused problems rendering the xaringanthemer R Markdown template if the showtext package isn’t installed (thanks <a href='https://github.com/beatrizmilz'>@beatrizmilz</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/65'>#65</a>).</p></li> | |||
| </ul> | |||
| </div> | |||
| <div id="xaringanthemer-040" class="section level1"> | |||
| <h1 class="page-header" data-toc-text="0.4.0"> | |||
| <a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small> | |||
| @@ -212,9 +222,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-01T04:37Z | |||
| last_built: 2021-11-21T19:01Z | |||
| urls: | |||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | |||
| article: https://pkg.garrickadenbuie.com/xaringanthemer//articles | |||
| @@ -87,7 +87,7 @@ and appending to the hex color." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -132,7 +132,7 @@ and appending to the hex color." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -202,14 +202,14 @@ 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> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -87,7 +87,7 @@ best contrast. Follows W3C Recommendations." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -132,7 +132,7 @@ best contrast. Follows W3C Recommendations." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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,16 @@ 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> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -87,7 +87,7 @@ more of the language codes as given by google_language_codes()." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -132,7 +132,7 @@ more of the language codes as given by google_language_codes()." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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"> | |||
| @@ -86,7 +86,7 @@ validates that the language codes given are valid." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ validates that the language codes given are valid." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -84,7 +84,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -129,7 +129,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -85,7 +85,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -130,7 +130,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -203,15 +203,15 @@ 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> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -89,7 +89,7 @@ xaringanthemer's ggplot2-related functions." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -134,7 +134,7 @@ xaringanthemer's ggplot2-related functions." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -289,53 +289,53 @@ 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> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -86,7 +86,7 @@ colors." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ colors." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -762,7 +762,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -86,7 +86,7 @@ accents on select elements (headers, bold text, etc.)." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ accents on select elements (headers, bold text, etc.)." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -785,7 +785,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -86,7 +86,7 @@ for color accents on select elements (headers, bold text, etc.)." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ for color accents on select elements (headers, bold text, etc.)." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -787,7 +787,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -87,7 +87,7 @@ and appends CSS rules to outfile." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -132,7 +132,7 @@ and appends CSS rules to outfile." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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"> | |||
| @@ -86,7 +86,7 @@ accents on select elements (headers, bold text, etc.)." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ accents on select elements (headers, bold text, etc.)." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -768,7 +768,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -86,7 +86,7 @@ for color accents on select elements (headers, bold text, etc.)." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ for color accents on select elements (headers, bold text, etc.)." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -769,7 +769,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -85,7 +85,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -130,7 +130,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -768,7 +768,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -85,7 +85,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -130,7 +130,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -768,7 +768,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -87,7 +87,7 @@ Works well with "highlightStyle: solarized-dark" or | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -132,7 +132,7 @@ Works well with "highlightStyle: solarized-dark" or | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -745,7 +745,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -87,7 +87,7 @@ Works well with "highlightStyle: solarized-dark" or | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -132,7 +132,7 @@ Works well with "highlightStyle: solarized-dark" or | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -745,7 +745,7 @@ returned directly as a character string.</p> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -85,7 +85,7 @@ | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -130,7 +130,7 @@ | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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> | |||
| @@ -755,7 +755,7 @@ font fallbacks.</p></li> | |||
| <p>To use the styles created by this theme function, make sure | |||
| that you use <code>xaringan-themer.css</code> as your CSS file in your slides' YAML | |||
| header. If you change the name of the output file using the <code>outfile</code> | |||
| argument, use that name instead of the default file name.<div class="yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| argument, use that name instead of the default file name.<div class="sourceCode yaml"></p><pre><span class='va'>output</span><span class='op'>:</span> | |||
| <span class='fu'>xaringan</span><span class='fu'>::</span><span class='va'><a href='https://rdrr.io/pkg/xaringan/man/moon_reader.html'>moon_reader</a></span><span class='op'>:</span> | |||
| <span class='va'>css</span><span class='op'>:</span> <span class='va'>xaringan</span><span class='op'>-</span><span class='va'>themer.css</span> | |||
| </pre><p></div></p> | |||
| @@ -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"> | |||
| @@ -88,7 +88,7 @@ styles. See vignette("ggplot2-themes") for more information and exampl | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -133,7 +133,7 @@ styles. See vignette("ggplot2-themes") for more information and exampl | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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"> | |||
| @@ -93,7 +93,7 @@ style. See vignette("ggplot2-themes") for more information and exampl | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -138,7 +138,7 @@ style. See vignette("ggplot2-themes") for more information and exampl | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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"> | |||
| @@ -86,7 +86,7 @@ xaringanthemer style function, for use in plotting and other circumstances." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -131,7 +131,7 @@ xaringanthemer style function, for use in plotting and other circumstances." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -275,17 +275,20 @@ 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> | |||
| </pre> | |||
| </div> | |||
| <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar"> | |||
| <nav id="toc" data-toggle="toc" class="sticky-top"> | |||
| @@ -88,7 +88,7 @@ vignette("ggplot2-themes") for more information and examples." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -133,7 +133,7 @@ vignette("ggplot2-themes") for more information and examples." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -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"> | |||
| @@ -90,7 +90,7 @@ theme_xaringan_inverse()." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -135,7 +135,7 @@ theme_xaringan_inverse()." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -96,7 +96,7 @@ Use style_solarized_dark() instead of solarized_dark()." /> | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -141,7 +141,7 @@ Use style_solarized_dark() instead of solarized_dark()." /> | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -50,12 +50,7 @@ | |||
| <meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" /> | |||
| <meta property="og:description" content=" | |||
| Create beautifully color-coordinated and customized | |||
| themes for your 'xaringan' slides, without writing any CSS. Complete | |||
| your slide theme with 'ggplot2' themes that match the font and colors | |||
| used in your slides. Customized styles can be created directly in | |||
| your slides' 'R Markdown' source file or in a separate external | |||
| script." /> | |||
| Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script." /> | |||
| <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" /> | |||
| <meta name="twitter:card" content="summary" /> | |||
| <meta name="twitter:creator" content="@grrrck" /> | |||
| @@ -91,7 +86,7 @@ Create beautifully color-coordinated and customized | |||
| </button> | |||
| <span class="navbar-brand"> | |||
| <a class="navbar-link" href="../index.html">xaringanthemer</a> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.0</span> | |||
| <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.4.1</span> | |||
| </span> | |||
| </div> | |||
| @@ -136,7 +131,7 @@ Create beautifully color-coordinated and customized | |||
| </a> | |||
| <ul class="dropdown-menu" role="menu"> | |||
| <li> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a> | |||
| <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a> | |||
| </li> | |||
| <li class="divider"></li> | |||
| <li> | |||
| @@ -182,12 +177,7 @@ Create beautifully color-coordinated and customized | |||
| <div class="ref-description"> | |||
| <p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p> | |||
| <p>Create beautifully color-coordinated and customized | |||
| themes for your 'xaringan' slides, without writing any CSS. Complete | |||
| your slide theme with 'ggplot2' themes that match the font and colors | |||
| used in your slides. Customized styles can be created directly in | |||
| your slides' 'R Markdown' source file or in a separate external | |||
| script.</p> | |||
| <p>Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script.</p> | |||
| </div> | |||