garrick
/
xaringanthemer
зеркало из https://github.com/gadenbuie/xaringanthemer.git
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Релизы 10 Вики Активность
😎 Give your xaringan slides some style
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
141 коммит
5 Ветки
Дерево: da8f499b26
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'da8f499b26'
${ noResults }
xaringanthemer/articles/template-variables.html

667 lines
27KB
Исходник Blame История 

  1. <!DOCTYPE html>

  2. <!-- Generated by pkgdown: do not edit by hand --><html lang="en">

  3. <head>

  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  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>Template Variables • xaringanthemer</title>

  9. <!-- favicons --><link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">

  10. <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">

  11. <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png">

  12. <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png">

  13. <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png">

  14. <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png">

  15. <!-- jquery --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script><!-- Bootstrap --><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">

  16. <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><!-- bootstrap-toc --><link rel="stylesheet" href="../bootstrap-toc.css">

  17. <script src="../bootstrap-toc.js"></script><!-- Font Awesome icons --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous">

  18. <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">

  19. <!-- clipboard.js --><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script><!-- headroom.js --><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><script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script><!-- pkgdown --><link href="../pkgdown.css" rel="stylesheet">

  20. <script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">

  21. <meta property="og:title" content="Template Variables">

  22. <meta property="og:description" content="xaringanthemer">

  23. <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png">

  24. <meta name="twitter:card" content="summary">

  25. <meta name="twitter:creator" content="@grrrck">

  26. <meta name="twitter:site" content="@grrrck">

  27. <!-- mathjax --><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script><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><!--[if lt IE 9]>

  28. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

  29. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  30. <![endif]-->

  31. </head>

  32. <body data-spy="scroll" data-target="#toc">

  33.     <div class="container template-article">

  34.       <header><div class="navbar navbar-default navbar-fixed-top" role="navigation">

  35.   <div class="container">

  36.     <div class="navbar-header">

  37.       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">

  38.         <span class="sr-only">Toggle navigation</span>

  39.         <span class="icon-bar"></span>

  40.         <span class="icon-bar"></span>

  41.         <span class="icon-bar"></span>

  42.       </button>

  43.       <span class="navbar-brand">

  44.         <a class="navbar-link" href="../index.html">xaringanthemer</a>

  45.         <span class="version label label-default" data-toggle="tooltip" data-placement="bottom" title="Released version">0.3.0.9000</span>

  46.       </span>

  47.     </div>

  48. 

  49.     <div id="navbar" class="navbar-collapse collapse">

  50.       <ul class="nav navbar-nav">

  51. <li>

  52.   <a href="../articles/xaringanthemer.html">Features</a>

  53. </li>

  54. <li>

  55.   <a href="../reference/index.html">Reference</a>

  56. </li>

  57. <li>

  58.   <a href="../articles/themes.html">Themes</a>

  59. </li>

  60. <li>

  61.   <a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>

  62. </li>

  63. <li class="dropdown">

  64.   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">

  65.     More

  66.      

  67.     <span class="caret"></span>

  68.   </a>

  69.   <ul class="dropdown-menu" role="menu">

  70. <li>

  71.       <a href="../articles/fonts.html">Fonts</a>

  72.     </li>

  73.     <li>

  74.       <a href="../articles/template-variables.html">Template Variables</a>

  75.     </li>

  76.   </ul>

  77. </li>

  78.       </ul>

  79. <ul class="nav navbar-nav navbar-right">

  80. <li class="dropdown">

  81.   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">

  82.     <span class="fa fa fa fa-newspaper-o fa-lg"></span>

  83.      

  84.     

  85.      

  86.     <span class="caret"></span>

  87.   </a>

  88.   <ul class="dropdown-menu" role="menu">

  89. <li>

  90.       <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringan 0.3.0</a>

  91.     </li>

  92.     <li class="divider">

  93.     <li>

  94.       <a href="../news/index.html">Changelog</a>

  95.     </li>

  96.   </ul>

  97. </li>

  98. <li>

  99.   <a href="https://github.com/gadenbuie/xaringanthemer">

  100.     <span class="fa fa-github fa-lg"></span>

  101.      

  102.   </a>

  103. </li>

  104. <li>

  105.   <a href="https://twitter.com/grrrck">

  106.     <span class="fa fa-twitter fa-lg"></span>

  107.      

  108.   </a>

  109. </li>

  110. <li>

  111.   <a href="https://www.garrickadenbuie.com">

  112.     <span class="fa fa-home fa-lg"></span>

  113.      

  114.   </a>

  115. </li>

  116.       </ul>

  117. </div>

  118. <!--/.nav-collapse -->

  119.   </div>

  120. <!--/.container -->

  121. </div>

  122. <!--/.navbar -->

  123. 

  124.       

  125. 

  126.       </header><script src="template-variables_files/accessible-code-block-0.0.1/empty-anchor.js"></script><link href="template-variables_files/anchor-sections-1.0/anchor-sections.css" rel="stylesheet">

  127. <script src="template-variables_files/anchor-sections-1.0/anchor-sections.js"></script><div class="row">

  128.   <div class="col-md-9 contents">

  129.     <div class="page-header toc-ignore">

  130.       <h1 data-toc-skip>Template Variables</h1>

  131.             

  132.       

  133.       <small class="dont-index">Source: <a href="https://github.com/gadenbuie/xaringanthemer/blob/master/vignettes/template-variables.Rmd"><code>vignettes/template-variables.Rmd</code></a></small>

  134.       <div class="hidden name"><code>template-variables.Rmd</code></div>

  135. 

  136.     </div>

  137. 

  138.     

  139.     

  140. <p>The following table shows the template variables, their default values in the standard <code>xaringanthemer</code> theme, the primary element to which the property is applied, and a brief description of the template variable.</p>

  141. <p>For example, <code>background_color</code> by default sets the <code>background-color</code> CSS property of the <code>.remark-slide-content</code> class to <code>#FFF</code>.</p>

  142. <p>Use this table to find the template variable you would like to modify. You can also use this table to find the CSS class or element associated with a particular template item.</p>

  143. <p>Note that some theme functions, like <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, have additional parameters and a specific set of default values unique to the theme. However, with any theme function you can override the theme’s defaults by directly setting any of the arguments listed below when calling the theme function.</p>

  144. <p>To be concrete, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> has three additional arguments: <code>base_color</code> (the accent color), <code>white_color</code>, and <code>black_color</code>. In this theme, the background slide color defaults to <code>white_color</code>, but you can choose a different slide background color by setting <code>background_color</code>, for example <code>background_color = "#EAEAEA"</code>.</p>

  145. <table class="table">

  146. <colgroup>

  147. <col width="7%">

  148. <col width="48%">

  149. <col width="10%">

  150. <col width="17%">

  151. <col width="10%">

  152. <col width="6%">

  153. </colgroup>

  154. <thead><tr class="header">

  155. <th align="left">Variable</th>

  156. <th align="left">Description</th>

  157. <th align="left">Element</th>

  158. <th align="left">CSS Property</th>

  159. <th align="left">Default</th>

  160. <th align="left">CSS Variable</th>

  161. </tr></thead>

  162. <tbody>

  163. <tr class="odd">

  164. <td align="left"><code>text_color</code></td>

  165. <td align="left">Text Color</td>

  166. <td align="left">body</td>

  167. <td align="left"></td>

  168. <td align="left">#000</td>

  169. <td align="left"><code>--text_color</code></td>

  170. </tr>

  171. <tr class="even">

  172. <td align="left"><code>header_color</code></td>

  173. <td align="left">Header Color</td>

  174. <td align="left">h1, h2, h3</td>

  175. <td align="left"></td>

  176. <td align="left">#000</td>

  177. <td align="left"><code>--header-color</code></td>

  178. </tr>

  179. <tr class="odd">

  180. <td align="left"><code>background_color</code></td>

  181. <td align="left">Slide Background Color</td>

  182. <td align="left">.remark-slide-content</td>

  183. <td align="left"></td>

  184. <td align="left">#FFF</td>

  185. <td align="left"><code>--background-color</code></td>

  186. </tr>

  187. <tr class="even">

  188. <td align="left"><code>link_color</code></td>

  189. <td align="left">Link Color</td>

  190. <td align="left">a, a &gt; code</td>

  191. <td align="left"></td>

  192. <td align="left">rgb(249, 38, 114)</td>

  193. <td align="left"><code>--link-color</code></td>

  194. </tr>

  195. <tr class="odd">

  196. <td align="left"><code>text_bold_color</code></td>

  197. <td align="left">Bold Text Color</td>

  198. <td align="left">strong</td>

  199. <td align="left"></td>

  200. <td align="left">NULL</td>

  201. <td align="left"><code>--text-bold-color</code></td>

  202. </tr>

  203. <tr class="even">

  204. <td align="left"><code>text_slide_number_color</code></td>

  205. <td align="left">Slide Number Color</td>

  206. <td align="left">.remark-slide-number</td>

  207. <td align="left"></td>

  208. <td align="left">inverse_background_color</td>

  209. <td align="left"></td>

  210. </tr>

  211. <tr class="odd">

  212. <td align="left"><code>padding</code></td>

  213. <td align="left">Slide Padding in <code>top right [bottom left]</code> format</td>

  214. <td align="left">.remark-slide-content</td>

  215. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">padding</a></td>

  216. <td align="left">16px 64px 16px 64px</td>

  217. <td align="left"></td>

  218. </tr>

  219. <tr class="even">

  220. <td align="left"><code>background_image</code></td>

  221. <td align="left">Background image applied to each <em>and every</em> slide. Set <code>title_slide_background_image = "none"</code> to remove the background image from the title slide</td>

  222. <td align="left">.remark-slide-content</td>

  223. <td align="left"></td>

  224. <td align="left">NULL</td>

  225. <td align="left"></td>

  226. </tr>

  227. <tr class="odd">

  228. <td align="left"><code>background_size</code></td>

  229. <td align="left">Background image size, requires <code>background_image</code> to be set. If <code>background_image</code> is set, <code>background_size</code> will default to <code>cover</code> so the background fills the screen. If both <code>background_image</code> and <code>background_position</code> are set, will default to 100 percent</td>

  230. <td align="left">.remark-slide-content</td>

  231. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">background-size</a></td>

  232. <td align="left">NULL</td>

  233. <td align="left"></td>

  234. </tr>

  235. <tr class="even">

  236. <td align="left"><code>background_position</code></td>

  237. <td align="left">Background image position, requires <code>background_image</code> to be set, and it is recommended to adjust <code>background_size</code>

  238. </td>

  239. <td align="left">.remark-slide-content</td>

  240. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">background-position</a></td>

  241. <td align="left">NULL</td>

  242. <td align="left"></td>

  243. </tr>

  244. <tr class="odd">

  245. <td align="left"><code>code_highlight_color</code></td>

  246. <td align="left">Code Line Highlight</td>

  247. <td align="left">.remark-code-line-highlighted</td>

  248. <td align="left"></td>

  249. <td align="left">rgba(255,255,0,0.5)</td>

  250. <td align="left"><code>--code-highlight-color</code></td>

  251. </tr>

  252. <tr class="even">

  253. <td align="left"><code>code_inline_color</code></td>

  254. <td align="left">Inline Code Color</td>

  255. <td align="left">.remark-inline-code</td>

  256. <td align="left"></td>

  257. <td align="left">#000</td>

  258. <td align="left"></td>

  259. </tr>

  260. <tr class="odd">

  261. <td align="left"><code>code_inline_background_color</code></td>

  262. <td align="left">Inline Code Background Color</td>

  263. <td align="left">.remark-inline-code</td>

  264. <td align="left"></td>

  265. <td align="left">NULL</td>

  266. <td align="left"></td>

  267. </tr>

  268. <tr class="even">

  269. <td align="left"><code>code_inline_font_size</code></td>

  270. <td align="left">Inline Code Text Font Size</td>

  271. <td align="left">.remark-inline-code</td>

  272. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  273. <td align="left">1em</td>

  274. <td align="left"><code>--code-inline-font-size</code></td>

  275. </tr>

  276. <tr class="odd">

  277. <td align="left"><code>inverse_background_color</code></td>

  278. <td align="left">Inverse Background Color</td>

  279. <td align="left">.inverse</td>

  280. <td align="left"></td>

  281. <td align="left">#272822</td>

  282. <td align="left"><code>--inverse-background-color</code></td>

  283. </tr>

  284. <tr class="even">

  285. <td align="left"><code>inverse_text_color</code></td>

  286. <td align="left">Inverse Text Color</td>

  287. <td align="left">.inverse</td>

  288. <td align="left"></td>

  289. <td align="left">#d6d6d6</td>

  290. <td align="left"><code>--inverse-text-color</code></td>

  291. </tr>

  292. <tr class="odd">

  293. <td align="left"><code>inverse_text_shadow</code></td>

  294. <td align="left">Enables Shadow on text of inverse slides</td>

  295. <td align="left">.inverse</td>

  296. <td align="left"></td>

  297. <td align="left">FALSE</td>

  298. <td align="left"></td>

  299. </tr>

  300. <tr class="even">

  301. <td align="left"><code>inverse_header_color</code></td>

  302. <td align="left">Inverse Header Color</td>

  303. <td align="left">.inverse h1, .inverse h2, .inverse h3</td>

  304. <td align="left"></td>

  305. <td align="left">#f3f3f3</td>

  306. <td align="left"><code>--inverse-header-color</code></td>

  307. </tr>

  308. <tr class="odd">

  309. <td align="left"><code>title_slide_text_color</code></td>

  310. <td align="left">Title Slide Text Color</td>

  311. <td align="left">.title-slide</td>

  312. <td align="left"></td>

  313. <td align="left">inverse_text_color</td>

  314. <td align="left"><code>--title-slide-text-color</code></td>

  315. </tr>

  316. <tr class="even">

  317. <td align="left"><code>title_slide_background_color</code></td>

  318. <td align="left">Title Slide Background Color</td>

  319. <td align="left">.title-slide</td>

  320. <td align="left"></td>

  321. <td align="left">inverse_background_color</td>

  322. <td align="left"><code>--title-slide-background-color</code></td>

  323. </tr>

  324. <tr class="odd">

  325. <td align="left"><code>title_slide_background_image</code></td>

  326. <td align="left">Title Slide Background Image URL</td>

  327. <td align="left">.title-slide</td>

  328. <td align="left"></td>

  329. <td align="left">NULL</td>

  330. <td align="left"></td>

  331. </tr>

  332. <tr class="even">

  333. <td align="left"><code>title_slide_background_size</code></td>

  334. <td align="left">Title Slide Background Image Size, defaults to “cover” if background image is set</td>

  335. <td align="left">.title-slide</td>

  336. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-size">background-size</a></td>

  337. <td align="left">NULL</td>

  338. <td align="left"></td>

  339. </tr>

  340. <tr class="odd">

  341. <td align="left"><code>title_slide_background_position</code></td>

  342. <td align="left">Title Slide Background Image Position</td>

  343. <td align="left">.title-slide</td>

  344. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-position">background-position</a></td>

  345. <td align="left">NULL</td>

  346. <td align="left"></td>

  347. </tr>

  348. <tr class="even">

  349. <td align="left"><code>footnote_color</code></td>

  350. <td align="left">Footnote text color (if <code>NA</code>, then it will be the same color as <code>text_color</code>)</td>

  351. <td align="left">.footnote</td>

  352. <td align="left"></td>

  353. <td align="left">NULL</td>

  354. <td align="left"></td>

  355. </tr>

  356. <tr class="odd">

  357. <td align="left"><code>footnote_font_size</code></td>

  358. <td align="left">Footnote font size</td>

  359. <td align="left">.footnote</td>

  360. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  361. <td align="left">0.9em</td>

  362. <td align="left"></td>

  363. </tr>

  364. <tr class="even">

  365. <td align="left"><code>footnote_position_bottom</code></td>

  366. <td align="left">Footnote location from bottom of screen</td>

  367. <td align="left">.footnote</td>

  368. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position_value">position</a></td>

  369. <td align="left">60px</td>

  370. <td align="left"></td>

  371. </tr>

  372. <tr class="odd">

  373. <td align="left"><code>left_column_subtle_color</code></td>

  374. <td align="left">Left Column Text (not last)</td>

  375. <td align="left">.left-column h2, .left-column h3</td>

  376. <td align="left"></td>

  377. <td align="left">#777</td>

  378. <td align="left"></td>

  379. </tr>

  380. <tr class="even">

  381. <td align="left"><code>left_column_selected_color</code></td>

  382. <td align="left">Left Column Current Selection</td>

  383. <td align="left">.left-column h2:last-of-type, .left-column h3:last-child</td>

  384. <td align="left"></td>

  385. <td align="left">#000</td>

  386. <td align="left"></td>

  387. </tr>

  388. <tr class="odd">

  389. <td align="left"><code>blockquote_left_border_color</code></td>

  390. <td align="left">Blockquote Left Border Color</td>

  391. <td align="left">blockquote</td>

  392. <td align="left"></td>

  393. <td align="left">lightgray</td>

  394. <td align="left"></td>

  395. </tr>

  396. <tr class="even">

  397. <td align="left"><code>table_border_color</code></td>

  398. <td align="left">Table top/bottom border</td>

  399. <td align="left">table: border-top, border-bottom</td>

  400. <td align="left"></td>

  401. <td align="left">#666</td>

  402. <td align="left"></td>

  403. </tr>

  404. <tr class="odd">

  405. <td align="left"><code>table_row_border_color</code></td>

  406. <td align="left">Table row inner bottom border</td>

  407. <td align="left">table thead th: border-bottom</td>

  408. <td align="left"></td>

  409. <td align="left">#ddd</td>

  410. <td align="left"></td>

  411. </tr>

  412. <tr class="even">

  413. <td align="left"><code>table_row_even_background_color</code></td>

  414. <td align="left">Table Even Row Background Color</td>

  415. <td align="left">thead, tfoot, tr:nth-child(even)</td>

  416. <td align="left"></td>

  417. <td align="left">#eee</td>

  418. <td align="left"></td>

  419. </tr>

  420. <tr class="odd">

  421. <td align="left"><code>base_font_size</code></td>

  422. <td align="left">Base Font Size for All Slide Elements (must be <code>px</code>)</td>

  423. <td align="left">html</td>

  424. <td align="left"></td>

  425. <td align="left">20px</td>

  426. <td align="left"><code>--base-font-size</code></td>

  427. </tr>

  428. <tr class="even">

  429. <td align="left"><code>text_font_size</code></td>

  430. <td align="left">Slide Body Text Font Size</td>

  431. <td align="left">.remark-slide-content</td>

  432. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  433. <td align="left">1rem</td>

  434. <td align="left"><code>--text-font-size</code></td>

  435. </tr>

  436. <tr class="odd">

  437. <td align="left"><code>header_h1_font_size</code></td>

  438. <td align="left">h1 Header Text Font Size</td>

  439. <td align="left">.remark-slide-content h1</td>

  440. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  441. <td align="left">2.75rem</td>

  442. <td align="left"><code>--header-h1-font-size</code></td>

  443. </tr>

  444. <tr class="even">

  445. <td align="left"><code>header_h2_font_size</code></td>

  446. <td align="left">h2 Header Text Font Size</td>

  447. <td align="left">.remark-slide-content h2</td>

  448. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  449. <td align="left">2.25rem</td>

  450. <td align="left"><code>--header-h2-font-size</code></td>

  451. </tr>

  452. <tr class="odd">

  453. <td align="left"><code>header_h3_font_size</code></td>

  454. <td align="left">h3 Header Text Font Size</td>

  455. <td align="left">.remark-slide-content h3</td>

  456. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  457. <td align="left">1.75rem</td>

  458. <td align="left"><code>--header-h3-font-size</code></td>

  459. </tr>

  460. <tr class="even">

  461. <td align="left"><code>header_background_auto</code></td>

  462. <td align="left">Add background under slide title automatically for h1 header elements. If not enabled, use <code>class: header_background</code> to enable</td>

  463. <td align="left"></td>

  464. <td align="left"></td>

  465. <td align="left">FALSE</td>

  466. <td align="left"></td>

  467. </tr>

  468. <tr class="odd">

  469. <td align="left"><code>header_background_color</code></td>

  470. <td align="left">Background Color for h1 Header with Background</td>

  471. <td align="left">.remark-slide-content h1</td>

  472. <td align="left"></td>

  473. <td align="left">header_color</td>

  474. <td align="left"><code>--header-background-color</code></td>

  475. </tr>

  476. <tr class="even">

  477. <td align="left"><code>header_background_text_color</code></td>

  478. <td align="left">Text Color for h1 Header with Background</td>

  479. <td align="left">.remark-slide-content h1</td>

  480. <td align="left"></td>

  481. <td align="left">background_color</td>

  482. <td align="left"><code>--header-background-text-color</code></td>

  483. </tr>

  484. <tr class="odd">

  485. <td align="left"><code>header_background_padding</code></td>

  486. <td align="left">Padding for h1 Header with Background</td>

  487. <td align="left">.remark-slide-content h1</td>

  488. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/padding">padding</a></td>

  489. <td align="left">NULL</td>

  490. <td align="left"></td>

  491. </tr>

  492. <tr class="even">

  493. <td align="left"><code>header_background_content_padding_top</code></td>

  494. <td align="left">Top Padding for Content in Slide with Header with Background</td>

  495. <td align="left">.remark-slide-content</td>

  496. <td align="left"></td>

  497. <td align="left">7rem</td>

  498. <td align="left"></td>

  499. </tr>

  500. <tr class="odd">

  501. <td align="left"><code>header_background_ignore_classes</code></td>

  502. <td align="left">Slide Classes Where Header with Background will not be Applied</td>

  503. <td align="left">.remark-slide-content</td>

  504. <td align="left"></td>

  505. <td align="left">c(‘normal’, ‘inverse’, ‘title’, ‘middle’, ‘bottom’)</td>

  506. <td align="left"></td>

  507. </tr>

  508. <tr class="even">

  509. <td align="left"><code>text_slide_number_font_size</code></td>

  510. <td align="left">Slide Number Text Font Size</td>

  511. <td align="left">.remark-slide-number</td>

  512. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  513. <td align="left">0.9em</td>

  514. <td align="left"></td>

  515. </tr>

  516. <tr class="odd">

  517. <td align="left"><code>text_font_google</code></td>

  518. <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify body font</td>

  519. <td align="left">body</td>

  520. <td align="left"></td>

  521. <td align="left">NULL</td>

  522. <td align="left"></td>

  523. </tr>

  524. <tr class="even">

  525. <td align="left"><code>text_font_family</code></td>

  526. <td align="left">Body Text Font Family (xaringan default is <code>'Droid Serif'</code>)</td>

  527. <td align="left">body</td>

  528. <td align="left"></td>

  529. <td align="left">xaringanthemer_font_default(“text_font_family”)</td>

  530. <td align="left"><code>--text-font-family</code></td>

  531. </tr>

  532. <tr class="odd">

  533. <td align="left"><code>text_font_weight</code></td>

  534. <td align="left">Body Text Font Weight</td>

  535. <td align="left">body</td>

  536. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font-weight</a></td>

  537. <td align="left">xaringanthemer_font_default(“text_font_weight”)</td>

  538. <td align="left"></td>

  539. </tr>

  540. <tr class="even">

  541. <td align="left"><code>text_font_url</code></td>

  542. <td align="left">Body Text Font URL(s)</td>

  543. <td align="left">

  544. <span class="citation">@import</span> url()</td>

  545. <td align="left"></td>

  546. <td align="left">xaringanthemer_font_default(“text_font_url”)</td>

  547. <td align="left"></td>

  548. </tr>

  549. <tr class="odd">

  550. <td align="left"><code>text_font_family_fallback</code></td>

  551. <td align="left">Body Text Font Fallbacks</td>

  552. <td align="left">body</td>

  553. <td align="left"></td>

  554. <td align="left">xaringanthemer_font_default(“text_font_family_fallback”)</td>

  555. <td align="left"><code>--text-font-family-fallback</code></td>

  556. </tr>

  557. <tr class="even">

  558. <td align="left"><code>text_font_base</code></td>

  559. <td align="left">Body Text Base Font (Total Failure Fallback)</td>

  560. <td align="left">body</td>

  561. <td align="left"></td>

  562. <td align="left">sans-serif</td>

  563. <td align="left"><code>--text-font-base</code></td>

  564. </tr>

  565. <tr class="odd">

  566. <td align="left"><code>header_font_google</code></td>

  567. <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify header font</td>

  568. <td align="left">body</td>

  569. <td align="left"></td>

  570. <td align="left">NULL</td>

  571. <td align="left"></td>

  572. </tr>

  573. <tr class="even">

  574. <td align="left"><code>header_font_family</code></td>

  575. <td align="left">Header Font Family (xaringan default is <code>'Yanone Kaffeesatz'</code>)</td>

  576. <td align="left">h1, h2, h3</td>

  577. <td align="left"></td>

  578. <td align="left">xaringanthemer_font_default(“header_font_family”)</td>

  579. <td align="left"><code>--header-font-family</code></td>

  580. </tr>

  581. <tr class="odd">

  582. <td align="left"><code>header_font_weight</code></td>

  583. <td align="left">Header Font Weight</td>

  584. <td align="left">h1, h2, h3</td>

  585. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight">font-weight</a></td>

  586. <td align="left">xaringanthemer_font_default(“header_font_weight”)</td>

  587. <td align="left"></td>

  588. </tr>

  589. <tr class="even">

  590. <td align="left"><code>header_font_url</code></td>

  591. <td align="left">Header Font URL</td>

  592. <td align="left">

  593. <span class="citation">@import</span> url</td>

  594. <td align="left"></td>

  595. <td align="left">xaringanthemer_font_default(“header_font_url”)</td>

  596. <td align="left"></td>

  597. </tr>

  598. <tr class="odd">

  599. <td align="left"><code>code_font_google</code></td>

  600. <td align="left">Use <code><a href="../reference/google_font.html">google_font()</a></code> to specify code font</td>

  601. <td align="left">body</td>

  602. <td align="left"></td>

  603. <td align="left">NULL</td>

  604. <td align="left"></td>

  605. </tr>

  606. <tr class="even">

  607. <td align="left"><code>code_font_family</code></td>

  608. <td align="left">Code Font Family</td>

  609. <td align="left">.remark-code, .remark-inline-code</td>

  610. <td align="left"></td>

  611. <td align="left">xaringanthemer_font_default(“code_font_family”)</td>

  612. <td align="left"><code>--code-font-family</code></td>

  613. </tr>

  614. <tr class="odd">

  615. <td align="left"><code>code_font_size</code></td>

  616. <td align="left">Code Text Font Size</td>

  617. <td align="left">.remark-inline</td>

  618. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-size">font-size</a></td>

  619. <td align="left">0.9rem</td>

  620. <td align="left"><code>--code-font-size</code></td>

  621. </tr>

  622. <tr class="even">

  623. <td align="left"><code>code_font_url</code></td>

  624. <td align="left">Code Font URL</td>

  625. <td align="left">

  626. <span class="citation">@import</span> url</td>

  627. <td align="left"></td>

  628. <td align="left">xaringanthemer_font_default(“code_font_url”)</td>

  629. <td align="left"></td>

  630. </tr>

  631. <tr class="odd">

  632. <td align="left"><code>code_font_family_fallback</code></td>

  633. <td align="left">Code Font Fallback</td>

  634. <td align="left">.remark-code, .remark-inline-code</td>

  635. <td align="left"></td>

  636. <td align="left">xaringanthemer_font_default(“code_font_family_fallback”)</td>

  637. <td align="left"></td>

  638. </tr>

  639. </tbody>

  640. </table>

  641. </div>

  642. 

  643.   <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">

  644. 

  645.       </div>

  646. 

  647. </div>

  648. 

  649. 

  650. 

  651.       <footer><div class="copyright">

  652.   <p>Developed by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a>.</p>

  653. </div>

  654. 

  655. <div class="pkgdown">

  656.   <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>

  657. </div>

  658. 

  659.       </footer>

  660. </div>

  661. 

  662.   

  663. 

  664. 

  665.   </body>

  666. </html>