From 510522039bf3e3f12b8b81ca06c70d62c5bff898 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 10 Aug 2015 10:05:38 -0700 Subject: tweak options, renamed from customize --- docs/getting-started/customize.md | 21 --------------------- docs/getting-started/options.md | 21 +++++++++++++++++++++ 2 files changed, 21 insertions(+), 21 deletions(-) delete mode 100644 docs/getting-started/customize.md create mode 100644 docs/getting-started/options.md (limited to 'docs/getting-started') diff --git a/docs/getting-started/customize.md b/docs/getting-started/customize.md deleted file mode 100644 index ecf786087..000000000 --- a/docs/getting-started/customize.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -layout: page -title: Customize CSS -group: getting-started ---- - -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. - -## Available variables - -You can find and customize these variables in our `_variables.scss` file. - -| Variable | Values | Description | -| --------------------------- | ---------------------------------- | ----------------------------------------------------------------------- | -| `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value for our spacer utilities. | -| `$enable-flex` | `true` or `false` (default) | Swaps `float` and `display: table` styles for `display: flex`. | -| `$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) | ... | diff --git a/docs/getting-started/options.md b/docs/getting-started/options.md new file mode 100644 index 000000000..0661ce25e --- /dev/null +++ b/docs/getting-started/options.md @@ -0,0 +1,21 @@ +--- +layout: page +title: Customization options +group: getting-started +--- + +With Bootstrap 4, we've added a handful of global options for easily customizing all the components in your project. These options are handled by Sass variables. Simply change a variable's value and recompile with the included Gruntfile. + +## Available variables + +You can find and customize these variables in our `_variables.scss` file. + +| Variable | Values | Description | +| --------------------------- | ---------------------------------- | ----------------------------------------------------------------------- | +| `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value for our spacer utilities. | +| `$enable-flex` | `true` or `false` (default) | Swaps `float` and `display: table` styles for `display: flex`. | +| `$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) | ... | -- cgit v1.2.3