In rstudio/bootstraplib: Custom 'Bootstrap' 'Sass' Themes for 'shiny' and 'rmarkdown'

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 5 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:

• Each row represents a different Sass variable, showing its name and default value.
  • For Sass variables whose value defaults to another Sass variable (e.g., border-color), you may hover over the value to get the (default) CSS value that it represents.
• Rows are grouped into sections of similar variables
  • For example, Navs (navset_card_tab()), Navbars (page_navbar()), and Dropdowns (e.g., nav_menu()).
• Towards the top of the table are more general theming options like 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(5)

rstudio/bootstraplib documentation built on June 17, 2024, 9:42 a.m.