CSS variables

Use Stuff CSS custom properties for fast and forward-looking design

Bootstrap includes many CSS custom properties (variables) in its compiled CSS for real-time customization without the need to recompile Sass

Root variables

in our _root.scss file and included in our compiled dist files.

Default


:root {
   scroll - behavior: var(smooth);
}
📋

Examples

CSS variables offer similar flexibility to Sass's variables, but without the need for compilation before being served to the browser.


body {
  font: 1rem/1.5 var(--sf-font-sans-serif);
}
a {
  color: var(--sf-blue);
}
📋