diff options
| author | Mark Otto <[email protected]> | 2017-10-01 12:20:42 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-10-02 20:44:23 -0700 |
| commit | f0c82ab4ec8ca136dad1b50bdef7515090be4f14 (patch) | |
| tree | 8125ea327b706bd912d36c484de79c0928130edc /docs | |
| parent | af28d5554144c6ebaec1f9991df19de75d5317c6 (diff) | |
| download | bootstrap-f0c82ab4ec8ca136dad1b50bdef7515090be4f14.tar.xz bootstrap-f0c82ab4ec8ca136dad1b50bdef7515090be4f14.zip | |
port over variable options list
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/getting-started/theming.md | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/docs/4.0/getting-started/theming.md b/docs/4.0/getting-started/theming.md index 4f201c88d..d52f6e260 100644 --- a/docs/4.0/getting-started/theming.md +++ b/docs/4.0/getting-started/theming.md @@ -102,9 +102,20 @@ $theme-colors: ( ## Sass options -**TODO:** -- pull in the `options.md` section here -- create a redirect from there +Customize Bootstrap 4 with our built-in custom variables file and easily toggle global CSS preferences with new `$enable-*` Sass variables. Override a variable's value and recompile with `npm run test` as needed. + +You can find and customize these variables for key global options in our `_variables.scss` file. + +| Variable | Values | Description | +| --------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------- | +| `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value to programmatically generate our [spacer utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/). | +| `$enable-rounded` | `true` (default) or `false` | Enables predefined `border-radius` styles on various components. | +| `$enable-shadows` | `true` or `false` (default) | Enables predefined `box-shadow` styles on various components. | +| `$enable-gradients` | `true` or `false` (default) | Enables predefined gradients via `background-image` styles on various components. | +| `$enable-transitions` | `true` (default) or `false` | Enables predefined `transition`s on various components. | +| `$enable-hover-media-query` | `true` or `false` (default) | ... | +| `$enable-grid-classes` | `true` (default) or `false` | Enables the generation of CSS classes for the grid system (e.g., `.container`, `.row`, `.col-md-1`, etc.). | +| `$enable-print-styles` | `true` (default) or `false` | Enables styles for optimizing printing. | ## Colors |