mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 13:13:03 +02:00
Code Issues Releases Wiki Activity

spec out variables customize docs

Browse Source
This commit is contained in:
Mark Otto
2015-06-09 16:28:09 -07:00
parent 960cbe6162
commit 5acefab4cf
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
docs/getting-started/customize.md
View File

@@ -1,16 +1,20 @@
--- ---
layout: page layout: page
title: Customizing title: Customize CSS
--- ---
todo: this entire page New to Bootstrap 4, variable-based customization is a way for folks to quickly enable or disable global styles across all of Bootstrap's CSS. Simply update a variable's value and recompile using our Gruntfile.
- excluding files ## Available variables
- js
- css You can find and customize these variables in our `_variables.scss` file.
- global SCSS settings
- border-radius | Variable | Values | Description |
- box-shadow | --------------------------- | ---------------------------------- | ----------------------------------------------------------------------- |
- transitions | `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value for our spacer utilities. |
- spacer | `$enable-flex` | `true` or `false` (default) | Swaps `float` and `display: table` styles for `display: flex`. |
- hover media queries | `$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` various components. |
| `$enable-transitions` | `true` (default) or `false` | Enables predefined `transition`s on various components. |
| `$enable-hover-media-query` | `true` or `false` (default) | ... |