mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-10 15:44:51 +02:00
Temporary fix of docs compilation
This commit is contained in:
committed by
Mark Otto
parent
c93f8f8fc2
commit
d626149c21
@@ -140,7 +140,7 @@ As part of Bootstrap’s evolving CSS variables approach, alerts now use local C
|
||||
|
||||
<DeprecatedIn version="5.3.0" />
|
||||
|
||||
<ScssDocs name="alert-variant-mixin" file="scss/mixins/_alert.scss" removeIndentation={false} />
|
||||
{/*<ScssDocs name="alert-variant-mixin" file="scss/mixins/_alert.scss" removeIndentation={false} />*/}
|
||||
|
||||
### Sass loops
|
||||
|
||||
|
@@ -214,11 +214,11 @@ Here’s an example of building a custom `.btn-*` modifier class as we do for th
|
||||
|
||||
There are three mixins for buttons: button and button outline variant mixins (both based on `$theme-colors`), plus a button size mixin.
|
||||
|
||||
<ScssDocs name="btn-variant-mixin" file="scss/mixins/_buttons.scss" />
|
||||
{/*<ScssDocs name="btn-variant-mixin" file="scss/mixins/_buttons.scss" />
|
||||
|
||||
<ScssDocs name="btn-outline-variant-mixin" file="scss/mixins/_buttons.scss" />
|
||||
|
||||
<ScssDocs name="btn-size-mixin" file="scss/mixins/_buttons.scss" />
|
||||
<ScssDocs name="btn-size-mixin" file="scss/mixins/_buttons.scss" />*/}
|
||||
|
||||
### Sass loops
|
||||
|
||||
|
@@ -271,7 +271,7 @@ As part of Bootstrap’s evolving CSS variables approach, list groups now use lo
|
||||
|
||||
<DeprecatedIn version="5.3.0" />
|
||||
|
||||
<ScssDocs name="list-group-mixin" file="scss/mixins/_list-group.scss" />
|
||||
{/*<ScssDocs name="list-group-mixin" file="scss/mixins/_list-group.scss" />*/}
|
||||
|
||||
### Sass loops
|
||||
|
||||
|
@@ -168,4 +168,4 @@ As part of Bootstrap’s evolving CSS variables approach, pagination now uses lo
|
||||
|
||||
### Sass mixins
|
||||
|
||||
<ScssDocs name="pagination-mixin" file="scss/mixins/_pagination.scss" />
|
||||
{/*<ScssDocs name="pagination-mixin" file="scss/mixins/_pagination.scss" />*/}
|
||||
|
@@ -28,7 +28,7 @@ For example, consider these `:root` CSS variables for common `<body>` styles:
|
||||
|
||||
In practice, those variables are then applied in Reboot like so:
|
||||
|
||||
<ScssDocs name="reboot-body-rules" file="scss/_reboot.scss" />
|
||||
<ScssDocs name="reboot-body-rules" file="scss/content/_reboot.scss" />
|
||||
|
||||
Which allows you to make real-time customizations however you like:
|
||||
|
||||
|
@@ -227,7 +227,7 @@ For the accented tables ([striped rows](#striped-rows), [striped columns](#strip
|
||||
|
||||
Behind the scenes it looks like this:
|
||||
|
||||
<ScssDocs name="table-variant" file="scss/mixins/_table-variants.scss" />
|
||||
{/*<ScssDocs name="table-variant" file="scss/mixins/_table-variants.scss" />*/}
|
||||
|
||||
## Table borders
|
||||
|
||||
|
@@ -450,7 +450,7 @@ Bootstrap’s source Sass files include three maps to help you quickly and easil
|
||||
|
||||
Within `scss/_variables.scss`, you’ll find Bootstrap’s color variables and Sass map. Here’s an example of the `$colors` Sass map:
|
||||
|
||||
<ScssDocs name="colors-map" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="colors-map" file="scss/_variables.scss" />*/}
|
||||
|
||||
Add, remove, or modify values within the map to update how they’re used in many other components. Unfortunately at this time, not _every_ component utilizes this Sass map. Future updates will strive to improve upon this. Until then, plan on making use of the `${color}` variables and this Sass map.
|
||||
|
||||
|
@@ -709,11 +709,11 @@ Want more information? [Read the v5.1.0 blog post.](https://blog.getbootstrap.co
|
||||
|
||||
### Helpers
|
||||
|
||||
- <span class="badge text-bg-danger">Breaking</span> **Responsive embed helpers have been renamed to [ratio helpers]([[docsref:/helpers/ratio]])** with new class names and improved behaviors, as well as a helpful CSS variable.
|
||||
- <span class="badge text-bg-danger">Breaking</span> **Responsive embed helpers have been renamed to [ratio helpers]([[docsref:/utilities/aspect-ratio]])** with new class names and improved behaviors, as well as a helpful CSS variable.
|
||||
- Classes have been renamed to change `by` to `x` in the aspect ratio. For example, `.ratio-16by9` is now `.ratio-16x9`.
|
||||
- We’ve dropped the `.embed-responsive-item` and element group selector in favor of a simpler `.ratio > *` selector. No more class is needed, and the ratio helper now works with any HTML element.
|
||||
- The `$embed-responsive-aspect-ratios` Sass map has been renamed to `$aspect-ratios` and its values have been simplified to include the class name and the percentage as the `key: value` pair.
|
||||
- CSS variables are now generated and included for each value in the Sass map. Modify the `--bs-aspect-ratio` variable on the `.ratio` to create any [custom aspect ratio]([[docsref:/helpers/ratio#custom-ratios]]).
|
||||
- CSS variables are now generated and included for each value in the Sass map. Modify the `--bs-aspect-ratio` variable on the `.ratio` to create any [custom aspect ratio]([[docsref:/utilities/aspect-ratio#custom-ratios]]).
|
||||
|
||||
- <span class="badge text-bg-danger">Breaking</span> **"Screen reader" classes are now ["visually hidden" classes]([[docsref:/helpers/visually-hidden]]).**
|
||||
- Changed the Sass file from `scss/helpers/_screenreaders.scss` to `scss/helpers/_visually-hidden.scss`
|
||||
|
@@ -82,7 +82,7 @@ In addition to the following Sass functionality, consider reading about our incl
|
||||
|
||||
Most `background-color` utilities are generated by our theme colors, reassigned from our generic color palette variables.
|
||||
|
||||
<ScssDocs name="color-variables" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="color-variables" file="scss/_variables.scss" />*/}
|
||||
|
||||
<ScssDocs name="theme-color-variables" file="scss/_variables.scss" />
|
||||
|
||||
@@ -90,7 +90,7 @@ Most `background-color` utilities are generated by our theme colors, reassigned
|
||||
|
||||
Grayscale colors are also available, but only a subset are used to generate any utilities.
|
||||
|
||||
<ScssDocs name="gray-color-variables" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="gray-color-variables" file="scss/_variables.scss" />*/}
|
||||
|
||||
Variables for setting `background-color` in `.bg-*-subtle` utilities in light and dark mode:
|
||||
|
||||
@@ -106,7 +106,7 @@ Theme colors are then put into a Sass map so we can loop over them to generate o
|
||||
|
||||
Grayscale colors are also available as a Sass map. **This map is not used to generate any utilities.**
|
||||
|
||||
<ScssDocs name="gray-colors-map" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="gray-colors-map" file="scss/_variables.scss" />*/}
|
||||
|
||||
RGB colors are generated from a separate Sass map:
|
||||
|
||||
|
@@ -84,13 +84,13 @@ In addition to the following Sass functionality, consider reading about our incl
|
||||
|
||||
Most `color` utilities are generated by our theme colors, reassigned from our generic color palette variables.
|
||||
|
||||
<ScssDocs name="color-variables" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="color-variables" file="scss/_variables.scss" />*/}
|
||||
|
||||
<ScssDocs name="theme-color-variables" file="scss/_variables.scss" />
|
||||
|
||||
Grayscale colors are also available, but only a subset are used to generate any utilities.
|
||||
|
||||
<ScssDocs name="gray-color-variables" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="gray-color-variables" file="scss/_variables.scss" />*/}
|
||||
|
||||
<ScssDocs name="theme-text-map" file="scss/_maps.scss" />
|
||||
|
||||
@@ -108,7 +108,7 @@ Theme colors are then put into a Sass map so we can loop over them to generate o
|
||||
|
||||
Grayscale colors are also available as a Sass map. **This map is not used to generate any utilities.**
|
||||
|
||||
<ScssDocs name="gray-colors-map" file="scss/_variables.scss" />
|
||||
{/*<ScssDocs name="gray-colors-map" file="scss/_variables.scss" />*/}
|
||||
|
||||
RGB colors are generated from a separate Sass map:
|
||||
|
||||
|
Reference in New Issue
Block a user