garrick
/
xaringanthemer
kopia lustrzana https://github.com/gadenbuie/xaringanthemer.git
Obserwuj 1
Polub 0
Forkuj 0
Kod Zgłoszenia 0 Wydania 10 Wiki Aktywność
😎 Give your xaringan slides some style
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
518 Commity
5 Gałęzie
Drzewo: ac7a3f695d
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z 'ac7a3f695d'
${ noResults }
xaringanthemer/articles/template-variables.html

683 lines
27KB
Czysty Wina Historia 

  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, shrink-to-fit=no">

  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. <script src="../deps/jquery-3.6.0/jquery-3.6.0.min.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  16. <link href="../deps/bootstrap-5.3.1/bootstrap.min.css" rel="stylesheet">

  17. <script src="../deps/bootstrap-5.3.1/bootstrap.bundle.min.js"></script><link href="../deps/IBM_Plex_Mono-0.4.9/font.css" rel="stylesheet">

  18. <link href="../deps/Outfit-0.4.9/font.css" rel="stylesheet">

  19. <link href="../deps/font-awesome-6.4.2/css/all.min.css" rel="stylesheet">

  20. <link href="../deps/font-awesome-6.4.2/css/v4-shims.min.css" rel="stylesheet">

  21. <script src="../deps/headroom-0.11.0/headroom.min.js"></script><script src="../deps/headroom-0.11.0/jQuery.headroom.min.js"></script><script src="../deps/bootstrap-toc-1.0.1/bootstrap-toc.min.js"></script><script src="../deps/clipboard.js-2.0.11/clipboard.min.js"></script><script src="../deps/search-1.0.0/autocomplete.jquery.min.js"></script><script src="../deps/search-1.0.0/fuse.min.js"></script><script src="../deps/search-1.0.0/mark.min.js"></script><!-- pkgdown --><script src="../pkgdown.js"></script><link href="../extra.css" rel="stylesheet">

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

  23. </head>

  24. <body>

  25.     <a href="#main" class="visually-hidden-focusable">Skip to contents</a>

  26. 

  27. 

  28.     <nav class="navbar navbar-expand-lg fixed-top bg-light" data-bs-theme="light" aria-label="Site navigation"><div class="container">

  29. 

  30.     <a class="navbar-brand me-2" href="../index.html">xaringanthemer</a>

  31. 

  32.     <small class="nav-text text-muted me-auto" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Released version">0.4.3</small>

  33. 

  34. 

  35.     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">

  36.       <span class="navbar-toggler-icon"></span>

  37.     </button>

  38. 

  39.     <div id="navbar" class="collapse navbar-collapse ms-3">

  40.       <ul class="navbar-nav me-auto">

  41. <li class="nav-item"><a class="nav-link" href="../articles/xaringanthemer.html">Features</a></li>

  42. <li class="nav-item"><a class="nav-link" href="../reference/index.html">Reference</a></li>

  43. <li class="active nav-item dropdown">

  44.   <button class="nav-link dropdown-toggle" type="button" id="dropdown-themes" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Themes</button>

  45.   <ul class="dropdown-menu" aria-labelledby="dropdown-themes">

  46. <li><h6 class="dropdown-header" data-toc-skip>Themes</h6></li>

  47.     <li><a class="dropdown-item" href="../articles/themes.html">Slide Themes</a></li>

  48.     <li><a class="dropdown-item" href="../articles/ggplot2-themes.html">ggplot2 Themes</a></li>

  49.     <li><hr class="dropdown-divider"></li>

  50.     <li><h6 class="dropdown-header" data-toc-skip>More Customization</h6></li>

  51.     <li><a class="dropdown-item" href="../articles/fonts.html">Fonts</a></li>

  52.     <li><a class="dropdown-item" href="../articles/template-variables.html">Template Variables</a></li>

  53.   </ul>

  54. </li>

  55.       </ul>

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

  57. <li class="nav-item dropdown">

  58.   <button class="nav-link dropdown-toggle" type="button" id="dropdown-" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true"><span class="fa far fa-newspaper fa-lg"></span> </button>

  59.   <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdown-">

  60. <li><a class="external-link dropdown-item" href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a></li>

  61.     <li><hr class="dropdown-divider"></li>

  62.     <li><a class="dropdown-item" href="../news/index.html">Changelog</a></li>

  63.   </ul>

  64. </li>

  65. <li class="nav-item"><a class="external-link nav-link" href="https://github.com/gadenbuie/xaringanthemer"><span class="fa fab fa-github fa-lg"></span></a></li>

  66. <li class="nav-item"><a class="external-link nav-link" href="https://twitter.com/grrrck"><span class="fa fab fa-twitter fa-lg"></span></a></li>

  67. <li class="nav-item"><a class="external-link nav-link" href="https://www.garrickadenbuie.com"><span class="fa fas fa-home fa-lg"></span></a></li>

  68.       </ul>

  69. </div>

  70. 

  71. 

  72.   </div>

  73. </nav><div class="container template-article">

  74. 

  75. 

  76. 

  77. 

  78. <div class="row">

  79.   <main id="main" class="col-md-9"><div class="page-header">

  80.       <img src="../logo.png" class="logo" alt=""><h1>Template Variables</h1>

  81.             

  82.       

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

  84.       <div class="d-none name"><code>template-variables.Rmd</code></div>

  85.     </div>

  86. 

  87.     

  88.     

  89. <p>The following table shows the template variables, their default

  90. values in the standard <code>xaringanthemer</code> theme, the primary

  91. element to which the property is applied, and a brief description of the

  92. template variable.</p>

  93. <p>For example, <code>background_color</code> by default sets the

  94. <code>background-color</code> CSS property of the

  95. <code>.remark-slide-content</code> class to <code>#FFF</code>.</p>

  96. <p>Use this table to find the template variable you would like to

  97. modify. You can also use this table to find the CSS class or element

  98. associated with a particular template item.</p>

  99. <p>Note that some theme functions, like

  100. <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code>, have additional parameters and a

  101. specific set of default values unique to the theme. However, with any

  102. theme function you can override the theme’s defaults by directly setting

  103. any of the arguments listed below when calling the theme function.</p>

  104. <p>To be concrete, <code><a href="../reference/style_mono_accent.html">style_mono_accent()</a></code> has three additional

  105. arguments: <code>base_color</code> (the accent color),

  106. <code>white_color</code>, and <code>black_color</code>. In this theme,

  107. the background slide color defaults to <code>white_color</code>, but you

  108. can choose a different slide background color by setting

  109. <code>background_color</code>, for example

  110. <code>background_color = "#EAEAEA"</code>.</p>

  111. <table class="table">

  112. <colgroup>

  113. <col width="8%">

  114. <col width="55%">

  115. <col width="12%">

  116. <col width="4%">

  117. <col width="12%">

  118. <col width="7%">

  119. </colgroup>

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

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

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

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

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

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

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

  127. </tr></thead>

  128. <tbody>

  129. <tr class="odd">

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

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

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

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

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

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

  136. </tr>

  137. <tr class="even">

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

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

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

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

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

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

  144. </tr>

  145. <tr class="odd">

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

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

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

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

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

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

  152. </tr>

  153. <tr class="even">

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

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

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

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

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

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

  160. </tr>

  161. <tr class="odd">

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

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

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

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

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

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

  168. </tr>

  169. <tr class="even">

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

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

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

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

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

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

  176. </tr>

  177. <tr class="odd">

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

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

  180. format</td>

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

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

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

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

  185. </tr>

  186. <tr class="even">

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

  188. <td align="left">Background image applied to each <em>and every</em>

  189. slide. Set <code>title_slide_background_image = "none"</code> to remove

  190. the background image from the title slide</td>

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

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

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

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

  195. </tr>

  196. <tr class="odd">

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

  198. <td align="left">Background image size, requires

  199. <code>background_image</code> to be set. If

  200. <code>background_image</code> is set, <code>background_size</code> will

  201. default to <code>cover</code> so the background fills the screen. If

  202. both <code>background_image</code> and <code>background_position</code>

  203. are set, will default to 100 percent</td>

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

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

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

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

  208. </tr>

  209. <tr class="even">

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

  211. <td align="left">Background image position, requires

  212. <code>background_image</code> to be set, and it is recommended to adjust

  213. <code>background_size</code>

  214. </td>

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

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

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

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

  219. </tr>

  220. <tr class="odd">

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

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

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

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

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

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

  227. </tr>

  228. <tr class="even">

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

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

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

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

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

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

  235. </tr>

  236. <tr class="odd">

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

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

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

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

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

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

  243. </tr>

  244. <tr class="even">

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

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

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

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

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

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

  251. </tr>

  252. <tr class="odd">

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

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

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

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

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

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

  259. </tr>

  260. <tr class="even">

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

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

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

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

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

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

  267. </tr>

  268. <tr class="odd">

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

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

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

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

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

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

  275. </tr>

  276. <tr class="even">

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

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

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

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

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

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

  283. </tr>

  284. <tr class="odd">

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

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

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

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

  289. <td align="left">link_color</td>

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

  291. </tr>

  292. <tr class="even">

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

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

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

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

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

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

  299. </tr>

  300. <tr class="odd">

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

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

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

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

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

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

  307. </tr>

  308. <tr class="even">

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

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

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

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

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

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

  315. </tr>

  316. <tr class="odd">

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

  318. <td align="left">Title Slide Background Image Size, defaults to “cover”

  319. if background image is set</td>

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

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

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

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

  324. </tr>

  325. <tr class="even">

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

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

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

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

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

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

  332. </tr>

  333. <tr class="odd">

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

  335. <td align="left">Footnote text color (if <code>NA</code>, then it will

  336. be the same color as <code>text_color</code>)</td>

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

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

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

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

  341. </tr>

  342. <tr class="even">

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

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

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

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

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

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

  349. </tr>

  350. <tr class="odd">

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

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

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

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

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

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

  357. </tr>

  358. <tr class="even">

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

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

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

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

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

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

  365. </tr>

  366. <tr class="odd">

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

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

  369. <td align="left">.left-column h2:last-of-type, .left-column

  370. h3:last-child</td>

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

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

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

  374. </tr>

  375. <tr class="even">

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

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

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

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

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

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

  382. </tr>

  383. <tr class="odd">

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

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

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

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

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

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

  390. </tr>

  391. <tr class="even">

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

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

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

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

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

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

  398. </tr>

  399. <tr class="odd">

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

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

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

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

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

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

  406. </tr>

  407. <tr class="even">

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

  409. <td align="left">Base Font Size for All Slide Elements (must be

  410. <code>px</code>)</td>

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

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

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

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

  415. </tr>

  416. <tr class="odd">

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

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

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

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

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

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

  423. </tr>

  424. <tr class="even">

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

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

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

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

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

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

  431. </tr>

  432. <tr class="odd">

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

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

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

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

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

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

  439. </tr>

  440. <tr class="even">

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

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

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

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

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

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

  447. </tr>

  448. <tr class="odd">

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

  450. <td align="left">Add background under slide title automatically for h1

  451. header elements. If not enabled, use

  452. <code>class: header_background</code> to enable</td>

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

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

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

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

  457. </tr>

  458. <tr class="even">

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

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

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

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

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

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

  465. </tr>

  466. <tr class="odd">

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

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

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

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

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

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

  473. </tr>

  474. <tr class="even">

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

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

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

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

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

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

  481. </tr>

  482. <tr class="odd">

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

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

  485. Background</td>

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

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

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

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

  490. </tr>

  491. <tr class="even">

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

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

  494. Applied</td>

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

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

  497. <td align="left">c(‘normal’, ‘inverse’, ‘title’, ‘middle’,

  498. ‘bottom’)</td>

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

  500. </tr>

  501. <tr class="odd">

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

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

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

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

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

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

  508. </tr>

  509. <tr class="even">

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

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

  512. font</td>

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

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

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

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

  517. </tr>

  518. <tr class="odd">

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

  520. <td align="left">Body Text Font Family (xaringan default is

  521. <code>'Droid Serif'</code>)</td>

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

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

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

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

  526. </tr>

  527. <tr class="even">

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

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

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

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

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

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

  534. </tr>

  535. <tr class="odd">

  536. <td align="left"><code>text_bold_font_weight</code></td>

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

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

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

  540. <td align="left">bold</td>

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

  542. </tr>

  543. <tr class="even">

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

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

  546. <td align="left">

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

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

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

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

  551. </tr>

  552. <tr class="odd">

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

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

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

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

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

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

  559. </tr>

  560. <tr class="even">

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

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

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

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

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

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

  567. </tr>

  568. <tr class="odd">

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

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

  571. font</td>

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

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

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

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

  576. </tr>

  577. <tr class="even">

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

  579. <td align="left">Header Font Family (xaringan default is

  580. <code>'Yanone Kaffeesatz'</code>)</td>

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

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

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

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

  585. </tr>

  586. <tr class="odd">

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

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

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

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

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

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

  593. </tr>

  594. <tr class="even">

  595. <td align="left"><code>header_font_family_fallback</code></td>

  596. <td align="left">Header Font Family Fallback</td>

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

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

  599. <td align="left">Georgia, serif</td>

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

  601. </tr>

  602. <tr class="odd">

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

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

  605. <td align="left">

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

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

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

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

  610. </tr>

  611. <tr class="even">

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

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

  614. font</td>

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

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

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

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

  619. </tr>

  620. <tr class="odd">

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

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

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

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

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

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

  627. </tr>

  628. <tr class="even">

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

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

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

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

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

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

  635. </tr>

  636. <tr class="odd">

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

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

  639. <td align="left">

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

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

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

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

  644. </tr>

  645. <tr class="even">

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

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

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

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

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

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

  652. </tr>

  653. <tr class="odd">

  654. <td align="left"><code>link_decoration</code></td>

  655. <td align="left">Text decoration of links</td>

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

  657. <td align="left"><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" class="external-link">text-decoration</a></td>

  658. <td align="left">none</td>

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

  660. </tr>

  661. </tbody>

  662. </table></main>

  663. </div>

  664. 

  665. 

  666. 

  667.     <footer><div class="pkgdown-footer-left">

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

  669. </div>

  670. 

  671. <div class="pkgdown-footer-right">

  672.   <p>Site built with <a href="https://pkgdown.r-lib.org/" class="external-link">pkgdown</a> 2.1.0.</p>

  673. </div>

  674. 

  675.     </footer>

  676. </div>

  677. 

  678. 

  679. 

  680.   <script src="../doc-versions.js"></script>

  681. </body>

  682. </html>