From ed1de86794cc0911dc7a3dbbf3bb9dfe421ef4b6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 5 Mar 2017 12:20:44 -0800 Subject: Update spacer utilities (#22123) * Drop -x and -y as they're all the same - Also move -width to elsewhere in the vars because it makes no sense by spacers. - Update values of -x and -y across main Sass and docs Sass. * Update docs to reflect changes; link to spacing utils from options page --- docs/getting-started/options.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/getting-started/options.md') diff --git a/docs/getting-started/options.md b/docs/getting-started/options.md index a1491252e..9638cd4ae 100644 --- a/docs/getting-started/options.md +++ b/docs/getting-started/options.md @@ -31,7 +31,7 @@ You can find and customize these variables for key global options in our `_varia | Variable | Values | Description | | --------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------- | -| `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value for our spacer utilities. | +| `$spacer` | `1rem` (default), or any value > 0 | Specifies the default spacer value to programmatically generate our [spacer utilities](/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. | -- cgit v1.2.3 From 2906b612d5bc3d7e33950044c9b89a91b117df03 Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Thu, 20 Apr 2017 20:33:51 +1000 Subject: More minor build tweaks and docs updates. --- docs/getting-started/options.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/getting-started/options.md') diff --git a/docs/getting-started/options.md b/docs/getting-started/options.md index 9638cd4ae..82d172f3e 100644 --- a/docs/getting-started/options.md +++ b/docs/getting-started/options.md @@ -5,7 +5,7 @@ description: Customize Bootstrap with Sass variables, easily toggling global pre group: getting-started --- -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 the included Gruntfile as needed. +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. ## Customizing variables -- cgit v1.2.3 From 1f43d9c066f1ffd008f2cb4b00907165d905f3fc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 27 May 2017 22:03:48 -0700 Subject: revamp getting started docs to use new toc --- docs/getting-started/options.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'docs/getting-started/options.md') diff --git a/docs/getting-started/options.md b/docs/getting-started/options.md index 82d172f3e..acc7ce451 100644 --- a/docs/getting-started/options.md +++ b/docs/getting-started/options.md @@ -1,12 +1,11 @@ --- layout: docs title: Customization options -description: Customize Bootstrap with Sass variables, easily toggling global preferences with a quick recompile. +description: Customize Bootstrap 4 with our built-in custom variables file and easily toggle global CSS preferences with new Sass variables. group: getting-started +toc: true --- -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. - ## Customizing variables Bootstrap 4 ships with a `_custom.scss` file for easy overriding of default variables in `/scss/_variables.scss`. Copy and paste relevant lines from there into the `_custom.scss` file, modify the values, and recompile your Sass to change our default values. **Be sure to remove the `!default` flag from override values.** @@ -27,6 +26,8 @@ Do the same for any variable you need to override, including the global options ## Global options +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 | -- cgit v1.2.3 From 3e76d6565603fafa2c85ad81d7b6345c4e279c72 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 28 May 2017 22:50:57 -0700 Subject: Rearrange all the docs to allow for a docs/major.minor/ setup --- docs/getting-started/options.md | 42 ----------------------------------------- 1 file changed, 42 deletions(-) delete mode 100644 docs/getting-started/options.md (limited to 'docs/getting-started/options.md') diff --git a/docs/getting-started/options.md b/docs/getting-started/options.md deleted file mode 100644 index acc7ce451..000000000 --- a/docs/getting-started/options.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -layout: docs -title: Customization options -description: Customize Bootstrap 4 with our built-in custom variables file and easily toggle global CSS preferences with new Sass variables. -group: getting-started -toc: true ---- - -## Customizing variables - -Bootstrap 4 ships with a `_custom.scss` file for easy overriding of default variables in `/scss/_variables.scss`. Copy and paste relevant lines from there into the `_custom.scss` file, modify the values, and recompile your Sass to change our default values. **Be sure to remove the `!default` flag from override values.** - -For example, to change out the `background-color` and `color` for the ``, you'd do the following: - -{% highlight scss %} -// Bootstrap overrides -// -// Copy variables from `_variables.scss` to this file to override default values -// without modifying source files. - -$body-bg: $gray-dark; -$body-color: $gray-light; -{% endhighlight %} - -Do the same for any variable you need to override, including the global options listed below. - -## Global options - -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](/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. | -- cgit v1.2.3