Bootstrap Dependency Reference

Generated by php build/docs/rvn-docs.php. Do not edit this file by hand.

Asset Injection Points

| Wrapper | Bootstrap-related stylesheet references | Bootstrap-related script references |
| --- | --- | --- |
| Core public fallback (private/tpl/public/wrapper.php) | {site:url}/theme/fallback.css | (none) |
| Stock public Raven theme (public/theme/raven/tpl/wrapper.php) | {theme:url}/css/style.css | /bootstrap.bundle.min.js |
| Panel wrapper (private/tpl/panel/wrapper.php) | <?= e($panelBase) ?>/theme/css/style.css<br><?= e($panelBase) ?>/theme/css/bootstrap-icons.min.css<br><?= e($panelBase) ?>/theme/css/custom.css | /bootstrap.bundle.min.js |

Sass Compile Workflow

| Source | Compiled output | Bootstrap import path |
| --- | --- | --- |
| public/theme/fallback.scss | public/theme/fallback.css | ../../composer/twbs/bootstrap/scss/bootstrap |
| public/theme/raven/scss/style.scss | public/theme/raven/css/style.css | ../../../../composer/twbs/bootstrap/scss/bootstrap |
| panel/theme/scss/style.scss | panel/theme/css/style.css | ../../../composer/twbs/bootstrap/scss/bootstrap |
| panel/theme/scss/custom.scss | panel/theme/css/custom.css | (not found) |

Compile commands:

sass public/theme/fallback.scss public/theme/fallback.css --style=expanded
sass public/theme/raven/scss/style.scss public/theme/raven/css/style.css --style=expanded
sass panel/theme/scss/style.scss panel/theme/css/style.css --style=expanded
sass panel/theme/scss/custom.scss panel/theme/css/custom.css --style=expanded

Bootstrap Variable Override Map

Overrides must be declared before the Bootstrap @import line in each Sass entrypoint.

| Variable | public/theme/raven/scss/style.scss | panel/theme/scss/style.scss | public/theme/fallback.scss |
| --- | --- | --- | --- |
| $font-family-sans-serif | "Red Hat Text", "Segoe UI", "Inter", "Noto Sans", "Liberation Sans", Arial, sans-serif | "Red Hat Text", "Segoe UI", "Inter", "Noto Sans", "Liberation Sans", Arial, sans-serif | (default) |
| $font-family-base | $font-family-sans-serif | $font-family-sans-serif | (default) |
| $headings-font-family | "Red Hat Display", "Red Hat Text", "Segoe UI", "Inter", "Noto Sans", "Liberation Sans", Arial, sans-serif | "Red Hat Display", "Red Hat Text", "Segoe UI", "Inter", "Noto Sans", "Liberation Sans", Arial, sans-serif | (default) |
| $font-family-monospace | "Red Hat Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace | "Red Hat Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace | (default) |
| $btn-font-family | $headings-font-family | $headings-font-family | (default) |
| $btn-font-size | 0.95rem | 0.95rem | (default) |
| $btn-font-weight | 500 | 500 | (default) |
| $btn-padding-y | 0.41rem | 0.3rem | (default) |
| $btn-padding-x | 0.74rem | 0.6rem | (default) |
| $body-bg | #f2ede2 | (default) | (default) |
| $body-color | #1f2a34 | (default) | (default) |
| $link-color | #1d5a86 | (default) | (default) |
| $link-hover-color | #17496c | (default) | (default) |
| $h1-font-size | (default) | 1.88rem | (default) |
| $h4-font-size | (default) | 1.375rem | (default) |
| $h5-font-size | (default) | 1.2rem | (default) |
| $enable-smooth-scroll | false | false | (default) |

Override Pattern

// Declare Bootstrap overrides first.
$font-family-base: "Red Hat Text", Arial, sans-serif;
$body-bg: #f8f4ea;
$link-color: #1d5a86;
$btn-font-size: 0.95rem;

// Then import Bootstrap from Composer.
@import "../../../../composer/twbs/bootstrap/scss/bootstrap";

Use the import depth that matches your Sass file location.