😎 Give your xaringan slides some style
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

271 line
17KB

  1. <!-- Generated by pkgdown: do not edit by hand -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>Changelog • xaringanthemer</title>
  9. <!-- favicons -->
  10. <link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
  11. <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
  12. <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
  13. <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
  14. <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
  15. <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
  16. <!-- jquery -->
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  18. <!-- Bootstrap -->
  19. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />
  20. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
  21. <!-- bootstrap-toc -->
  22. <link rel="stylesheet" href="../bootstrap-toc.css">
  23. <script src="../bootstrap-toc.js"></script>
  24. <!-- Font Awesome icons -->
  25. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
  26. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
  27. <!-- clipboard.js -->
  28. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
  29. <!-- headroom.js -->
  30. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
  31. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
  32. <!-- pkgdown -->
  33. <link href="../pkgdown.css" rel="stylesheet">
  34. <script src="../pkgdown.js"></script>
  35. <link href="../extra.css" rel="stylesheet">
  36. <meta property="og:title" content="Changelog" />
  37. <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
  38. <meta name="twitter:card" content="summary" />
  39. <meta name="twitter:creator" content="@grrrck" />
  40. <meta name="twitter:site" content="@grrrck" />
  41. <meta name="robots" content="noindex">
  42. <!-- mathjax -->
  43. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
  44. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
  45. <!--[if lt IE 9]>
  46. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  47. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  48. <![endif]-->
  49. </head>
  50. <body data-spy="scroll" data-target="#toc">
  51. <div class="container template-news">
  52. <header>
  53. <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  54. <div class="container">
  55. <div class="navbar-header">
  56. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
  57. <span class="sr-only">Toggle navigation</span>
  58. <span class="icon-bar"></span>
  59. <span class="icon-bar"></span>
  60. <span class="icon-bar"></span>
  61. </button>
  62. <span class="navbar-brand">
  63. <a class="navbar-link" href="../index.html">xaringanthemer</a>
  64. <span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
  65. </span>
  66. </div>
  67. <div id="navbar" class="navbar-collapse collapse">
  68. <ul class="nav navbar-nav">
  69. <li>
  70. <a href="../articles/xaringanthemer.html">Features</a>
  71. </li>
  72. <li>
  73. <a href="../reference/index.html">Reference</a>
  74. </li>
  75. <li>
  76. <a href="../articles/themes.html">Themes</a>
  77. </li>
  78. <li>
  79. <a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
  80. </li>
  81. <li class="dropdown">
  82. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  83. More
  84. <span class="caret"></span>
  85. </a>
  86. <ul class="dropdown-menu" role="menu">
  87. <li>
  88. <a href="../articles/fonts.html">Fonts</a>
  89. </li>
  90. <li>
  91. <a href="../articles/template-variables.html">Template Variables</a>
  92. </li>
  93. </ul>
  94. </li>
  95. </ul>
  96. <ul class="nav navbar-nav navbar-right">
  97. <li class="dropdown">
  98. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  99. <span class="far fa-newspaper fa-lg"></span>
  100. <span class="caret"></span>
  101. </a>
  102. <ul class="dropdown-menu" role="menu">
  103. <li>
  104. <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
  105. </li>
  106. <li class="divider"></li>
  107. <li>
  108. <a href="../news/index.html">Changelog</a>
  109. </li>
  110. </ul>
  111. </li>
  112. <li>
  113. <a href="https://github.com/gadenbuie/xaringanthemer">
  114. <span class="fab fa-github fa-lg"></span>
  115. </a>
  116. </li>
  117. <li>
  118. <a href="https://twitter.com/grrrck">
  119. <span class="fab fa-twitter fa-lg"></span>
  120. </a>
  121. </li>
  122. <li>
  123. <a href="https://www.garrickadenbuie.com">
  124. <span class="fas fa-home fa-lg"></span>
  125. </a>
  126. </li>
  127. </ul>
  128. </div><!--/.nav-collapse -->
  129. </div><!--/.container -->
  130. </div><!--/.navbar -->
  131. </header>
  132. <div class="row">
  133. <div class="col-md-9 contents">
  134. <div class="page-header">
  135. <h1 data-toc-skip>Changelog <small></small></h1>
  136. <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
  137. </div>
  138. <div id="xaringanthemer-development-version" class="section level1">
  139. <h1 class="page-header" data-toc-text="development version">
  140. <a href="#xaringanthemer-development-version" class="anchor"></a>xaringanthemer (development version)<small> Unreleased </small>
  141. </h1>
  142. <ul>
  143. <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>
  144. <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>
  145. </ul>
  146. </div>
  147. <div id="xaringanthemer-040" class="section level1">
  148. <h1 class="page-header" data-toc-text="0.4.0">
  149. <a href="#xaringanthemer-040" class="anchor"></a>xaringanthemer 0.4.0<small> 2021-06-24 </small>
  150. </h1>
  151. <ul>
  152. <li><p>Added <code>text_bold_font_weight</code> argument to xaringanthemer style functions with a corresponding CSS rule setting the <code>font-weight</code> property of <code>&lt;strong&gt;</code> elements (thanks <a href='https://github.com/matiasandina'>@matiasandina</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/50'>#50</a>).</p></li>
  153. <li><p>The style functions gain a <code>link_decoration</code> argument to set the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration"><code>text-decoration</code></a> property for links (<a href='https://github.com/gadenbuie/xaringanthemer/issues/57'>#57</a>).</p></li>
  154. <li><p>Set slide number font size in <code>rem</code> so that increasing the font size at the slide level doesn’t result in giant slide numbers (<a href='https://github.com/gadenbuie/xaringanthemer/issues/53'>#53</a>).</p></li>
  155. <li><p>The xaringanthemer slide skeleton (R Markdown template) will now render when packages that are used in the template but not in xaringanthemer’s Imports are not installed (<a href='https://github.com/gadenbuie/xaringanthemer/issues/52'>#52</a>).</p></li>
  156. <li><p>xaringanthemer no longer sets the <code>fig.showtext</code> chunk option when the showtext package isn’t installed and also when <code>fig.showtext = FALSE</code> (thanks <a href='https://github.com/mikedecr'>@mikedecr</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/36'>#36</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/56'>#56</a>).</p></li>
  157. </ul>
  158. </div>
  159. <div id="xaringanthemes-034" class="section level1">
  160. <h1 class="page-header" data-toc-text="0.3.4">
  161. <a href="#xaringanthemes-034" class="anchor"></a>xaringanthemes 0.3.4<small> 2021-04-18 </small>
  162. </h1>
  163. <ul>
  164. <li>Maintenance release to avoid issues with upcoming R 4.1.0 (<a href='https://github.com/gadenbuie/xaringanthemer/issues/49'>#49</a>)</li>
  165. </ul>
  166. </div>
  167. <div id="xaringanthemer-033" class="section level1">
  168. <h1 class="page-header" data-toc-text="0.3.3">
  169. <a href="#xaringanthemer-033" class="anchor"></a>xaringanthemer 0.3.3<small> 2021-03-04 </small>
  170. </h1>
  171. <ul>
  172. <li><p>Add <code>inverse_link_color</code> to control color of links on inverse slides (thanks <a href='https://github.com/dmi3kno'>@dmi3kno</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/44'>#44</a>)</p></li>
  173. <li><p>.pull-right[] now clears floats just for its immediate sibling</p></li>
  174. <li><p>Add <code>header_font_family_fallback</code> to control fallback fonts for headings (thanks <a href='https://github.com/mattwarkentin'>@mattwarkentin</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/41'>#41</a>)</p></li>
  175. <li><p>New xaringanthemer presentation skeleton with a kitchen sink of typical slide elements with the goal of making it easier to preview new themes during development.</p></li>
  176. </ul>
  177. </div>
  178. <div id="xaringanthemer-030" class="section level1">
  179. <h1 class="page-header" data-toc-text="0.3.0">
  180. <a href="#xaringanthemer-030" class="anchor"></a>xaringanthemer 0.3.0<small> 2020-05-04 </small>
  181. </h1>
  182. <ul>
  183. <li><p>Adds <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, a ggplot2 theme that automatically uses the colors and font styles of your xaringanthemer style. Also adds <code><a href="../reference/scale_xaringan.html">scale_xaringan_discrete()</a></code> and <code><a href="../reference/scale_xaringan.html">scale_xaringan_continuous()</a></code> functions that use your slides’ primary colors for the color or fill aesthetics. These theme functions can recover the primary colors used in a xaringanthemer (&gt;= 0.3.0) CSS file even if you don’t call the style function directly in your slides.</p></li>
  184. <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>
  185. <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>
  186. <li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
  187. <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>
  188. <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>
  189. <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>
  190. </ul>
  191. <div id="bugfixes-and-improvements" class="section level2">
  192. <h2 class="hasAnchor">
  193. <a href="#bugfixes-and-improvements" class="anchor"></a>Bugfixes and Improvements</h2>
  194. <ul>
  195. <li><p>Better handling of multiple <code>extra_fonts</code>, including improved error messages. (Thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/19'>#19</a>).</p></li>
  196. <li><p><code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> (previously <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code>) gained an <code>append</code> argument so that it can append to or overwrite an existing file (thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/17'>#17</a>).</p></li>
  197. <li><p>The underlying tibble holding the theme template variables was updated to work with <code>tibble 3.0.0</code> (thanks <a href='https://github.com/techisdead'>@techisdead</a>, <a href='https://github.com/SymbolixAU'>@SymbolixAU</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/32'>#32</a>).</p></li>
  198. <li><p>The <code>css-help</code> vignette was removed and may be re-written in the future.</p></li>
  199. <li><p>Style function arguments that accept CSS property values are now documented in the argument documentation, including a link to the MDN web docs page for the CSS property or value (<a href='https://github.com/gadenbuie/xaringanthemer/issues/33'>#33</a>, thanks <a href='https://github.com/TrashBirdEcology'>@TrashBirdEcology</a> <a href='https://github.com/gadenbuie/xaringanthemer/issues/18'>#18</a>).</p></li>
  200. <li><p>Style functions return the CSS text directly when <code>outfile = NULL</code>.</p></li>
  201. </ul>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
  206. <nav id="toc" data-toggle="toc" class="sticky-top">
  207. <h2 data-toc-skip>Contents</h2>
  208. </nav>
  209. </div>
  210. </div>
  211. <footer>
  212. <div class="copyright">
  213. <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
  214. </div>
  215. <div class="pkgdown">
  216. <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
  217. </div>
  218. </footer>
  219. </div>
  220. </body>
  221. </html>