source( rprojroot::find_package_root_file("vignettes/_variables-table/variables-table.R") ) knitr::opts_chunk$set( collapse = TRUE, comment = "#>", echo = FALSE, message = FALSE ) variables_html_deps()
Below is a search-able table of Bootstrap 4 Sass variables. If you aren't sure what a Sass variable is or how to use them, see this Get Started article. A few things to keep in mind when using this table:
border-color
), you may hover over the value to get the (default) CSS value that it represents.white
, gray-*
, black
, primary
, border-radius
, and so on, which end up impacting more specific theming variables like btn-border-radius
.bs_theme()
's bg
and fg
arguments provide a more convenient way to set the white
, gray-*
, and black
variables, so there is no need to set these Sass variables directly (same goes for base_font
-> $font-family-base
, heading_font
-> $headings-font-family
, and code_font
-> $font-family-monospace
).variables_dt(4)
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.