aboutsummaryrefslogtreecommitdiffstats
path: root/vendor/twbs/bootstrap/site/content/docs/5.3/layout
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2023-06-02 16:36:57 +0000
committerMario <mario@mariovavti.com>2023-06-02 16:36:57 +0000
commitbd84ff483887c55c6ede4ba94e1a9175e34090b8 (patch)
tree799929705f903f4ba4111ca37d5028180371b621 /vendor/twbs/bootstrap/site/content/docs/5.3/layout
parent87689df062f09adf104ff996b7bc942ba508a2b4 (diff)
downloadvolse-hubzilla-bd84ff483887c55c6ede4ba94e1a9175e34090b8.tar.gz
volse-hubzilla-bd84ff483887c55c6ede4ba94e1a9175e34090b8.tar.bz2
volse-hubzilla-bd84ff483887c55c6ede4ba94e1a9175e34090b8.zip
update bootstrap to version 5.3
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/layout')
-rw-r--r--vendor/twbs/bootstrap/site/content/docs/5.3/layout/breakpoints.md2
-rw-r--r--vendor/twbs/bootstrap/site/content/docs/5.3/layout/containers.md10
-rw-r--r--vendor/twbs/bootstrap/site/content/docs/5.3/layout/grid.md2
3 files changed, 9 insertions, 5 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/layout/breakpoints.md b/vendor/twbs/bootstrap/site/content/docs/5.3/layout/breakpoints.md
index 8e3df157e..1667fd9d1 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.3/layout/breakpoints.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.3/layout/breakpoints.md
@@ -37,7 +37,7 @@ These breakpoints are customizable via Sass—you'll find them in a Sass map in
{{< scss-docs name="grid-breakpoints" file="scss/_variables.scss" >}}
-For more information and examples on how to modify our Sass maps and variables, please refer to [the Sass section of the Grid documentation]({{< docsref "/layout/grid#sass" >}}).
+For more information and examples on how to modify our Sass maps and variables, please refer to [the CSS section of the Grid documentation]({{< docsref "/layout/grid#css" >}}).
## Media queries
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/layout/containers.md b/vendor/twbs/bootstrap/site/content/docs/5.3/layout/containers.md
index 7d38b72e5..e0e8d9aad 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.3/layout/containers.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.3/layout/containers.md
@@ -64,12 +64,18 @@ Use `.container-fluid` for a full width container, spanning the entire width of
</div>
```
-## Sass
+## CSS
+
+### Sass variables
As shown above, Bootstrap generates a series of predefined container classes to help you build the layouts you desire. You may customize these predefined container classes by modifying the Sass map (found in `_variables.scss`) that powers them:
{{< scss-docs name="container-max-widths" file="scss/_variables.scss" >}}
+For more information and examples on how to modify our Sass maps and variables, please refer to [the Sass section of the Grid documentation]({{< docsref "/layout/grid#css" >}}).
+
+### Sass mixins
+
In addition to customizing the Sass, you can also create your own containers with our Sass mixin.
```scss
@@ -87,5 +93,3 @@ In addition to customizing the Sass, you can also create your own containers wit
@include make-container();
}
```
-
-For more information and examples on how to modify our Sass maps and variables, please refer to [the Sass section of the Grid documentation]({{< docsref "/layout/grid#sass" >}}).
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/layout/grid.md b/vendor/twbs/bootstrap/site/content/docs/5.3/layout/grid.md
index 8e4d10a3c..1783410f9 100644
--- a/vendor/twbs/bootstrap/site/content/docs/5.3/layout/grid.md
+++ b/vendor/twbs/bootstrap/site/content/docs/5.3/layout/grid.md
@@ -46,7 +46,7 @@ Breaking it down, here's how the grid system comes together:
- **Gutters are also responsive and customizable.** [Gutter classes are available]({{< docsref "/layout/gutters" >}}) across all breakpoints, with all the same sizes as our [margin and padding spacing]({{< docsref "/utilities/spacing" >}}). Change horizontal gutters with `.gx-*` classes, vertical gutters with `.gy-*`, or all gutters with `.g-*` classes. `.g-0` is also available to remove gutters.
-- **Sass variables, maps, and mixins power the grid.** If you don't want to use the predefined grid classes in Bootstrap, you can use our [grid's source Sass](#sass) to create your own with more semantic markup. We also include some CSS custom properties to consume these Sass variables for even greater flexibility for you.
+- **Sass variables, maps, and mixins power the grid.** If you don't want to use the predefined grid classes in Bootstrap, you can use our [grid's source Sass](#sass-variables) to create your own with more semantic markup. We also include some CSS custom properties to consume these Sass variables for even greater flexibility for you.
Be aware of the limitations and [bugs around flexbox](https://github.com/philipwalton/flexbugs), like the [inability to use some HTML elements as flex containers](https://github.com/philipwalton/flexbugs#flexbug-9).