You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
|`$spacer`|`1rem` (default), or any value > 0 | Specifies the default spacer value to programmatically generate our [spacer utilities]({{< docsref "/utilities/spacing" >}}). |
14
+
|`$spacer`|`1rem` (default), or any value > 0 | Specifies the default spacer value to programmatically generate our [spacer utilities](https://coreui.io/docs/utilities/spacing). |
15
15
|`$enable-rounded`|`true` (default) or `false`| Enables predefined `border-radius` styles on various components. |
16
16
|`$enable-shadows`|`true` or `false` (default) | Enables predefined decorative `box-shadow` styles on various components. Does not affect `box-shadow`s used for focus states. |
17
17
|`$enable-gradients`|`true` or `false` (default) | Enables predefined gradients via `background-image` styles on various components. |
18
18
|`$enable-transitions`|`true` (default) or `false`| Enables predefined `transition`s on various components. |
19
-
|`$enable-reduced-motion`|`true` (default) or `false`| Enables the [`prefers-reduced-motion` media query]({{< docsref "/getting-started/accessibility#reduced-motion" >}}), which suppresses certain animations/transitions based on the users' browser/operating system preferences.|
19
+
|`$enable-reduced-motion`|`true` (default) or `false`| Enables the [`prefers-reduced-motion` media query](https://coreui.io/docs/getting-started/accessibility#reduced-motion), which suppresses certain animations/transitions based on the users' browser/operating system preferences. |
20
20
|`$enable-grid-classes`|`true` (default) or `false`| Enables the generation of CSS classes for the grid system (e.g. `.row`, `.col-md-1`, etc.). |
21
21
|`$enable-container-classes`|`true` (default) or `false`| Enables the generation of CSS classes for layout containers. (New in v4.2.0) |
22
22
|`$enable-caret`|`true` (default) or `false`| Enables pseudo element caret on `.dropdown-toggle`. |
23
23
|`$enable-button-pointers`|`true` (default) or `false`| Add "hand" cursor to non-disabled button elements. |
|`$enable-rfs`|`true` (default) or `false`| Globally enables [RFS](https://coreui.io/docs/getting-started/rfs). |
25
25
|`$enable-validation-icons`|`true` (default) or `false`| Enables `background-image` icons within textual inputs and some custom forms for validation states. |
26
-
|`$enable-negative-margins`|`true` or `false` (default) | Enables the generation of [negative margin utilities]({{< docsref "/utilities/spacing#negative-margin" >}}). |
26
+
|`$enable-negative-margins`|`true` or `false` (default) | Enables the generation of [negative margin utilities](https://coreui.io/docs/utilities/spacing#negative-margin). |
27
27
|`$enable-deprecation-messages`|`true` (default) or `false`| Set to `false` to hide warnings when using any of the deprecated mixins and functions that are planned to be removed in `v6`. |
28
28
|`$enable-important-utilities`|`true` (default) or `false`| Enables the `!important` suffix in utility classes. |
29
-
|`$enable-smooth-scroll`|`true` (default) or `false`| Applies `scroll-behavior: smooth` globally, except for users asking for reduced motion through [`prefers-reduced-motion` media query]({{< docsref "/getting-started/accessibility#reduced-motion" >}}) |
29
+
|`$enable-smooth-scroll`|`true` (default) or `false`| Applies `scroll-behavior: smooth` globally, except for users asking for reduced motion through [`prefers-reduced-motion` media query](https://coreui.io/docs/getting-started/accessibility#reduced-motion)|
30
30
|`$enable-ltr`|`false` or `false` (default) | Enables Left-to-Right |
31
31
|`$enable-rtl`|`true` (default) or `false`| Enables Right-to-Left |
Copy file name to clipboardExpand all lines: packages/docs/content/4.3/templates/customize.mdx
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -43,7 +43,7 @@ your-project/
43
43
44
44
Every Sass variable in CoreUI for React includes the `!default` flag allowing you to override the variable's default value in your own Sass without modifying CoreUI's source code. Copy and paste variables as needed, modify their values, and remove the `!default` flag. If a variable has already been assigned, then it won't be re-assigned by the default values in CoreUI.
45
45
46
-
You will find the complete list of CoreUI's variables in `node_modules/@coreui/coreui/scss/_variables.scss`. Some variables are set to `null`, these variables don't output the property unless they are overridden in your configuration. You can also find a specific component variables list in **Customizing** section ex. [Alerts - Customizing]({{< docsref "/components/alerts#customizing" >}})
46
+
You will find the complete list of CoreUI's variables in `node_modules/@coreui/coreui/scss/_variables.scss`. Some variables are set to `null`, these variables don't output the property unless they are overridden in your configuration. You can also find a specific component variables list in **Customizing** section ex. [Alerts - Customizing](https://coreui.io/react/docs/components/alerts#customizing)
47
47
48
48
Here's an example that changes the `background-color` and `color` for the `<body>` when importing and compiling CoreUI for React via npm:
0 commit comments