diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/utilities')
19 files changed, 41 insertions, 37 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/background.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/background.md index eea553291..c17ed8470 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/background.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/background.md @@ -143,7 +143,7 @@ Color mode background colors are also available as a Sass map: {{< scss-docs name="gradient-mixins" file="scss/mixins/_gradients.scss" >}} -## Utilities API +### Sass utilities API Background utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md index fe33cac48..b4fa2f413 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md @@ -185,7 +185,7 @@ Color mode adaptive border colors are also available as a Sass map: {{< scss-docs name="border-radius-mixins" file="scss/mixins/_border-radius.scss" >}} -### Utilities API +### Sass utilities API Border utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/colors.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/colors.md index e132a2f11..775457d9a 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/colors.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/colors.md @@ -134,7 +134,7 @@ Color mode adaptive text colors are also available as a Sass map: {{< scss-docs name="theme-text-dark-map" file="scss/_maps.scss" >}} -### Utilities API +### Sass utilities API Color utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/display.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/display.md index dc5a497bf..41541b96f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/display.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/display.md @@ -105,9 +105,9 @@ The print and display classes can be combined. <div class="d-none d-lg-block d-print-block">Hide up to large on screen, but always show on print</div> {{< /example >}} -## Sass +## CSS -### Utilities API +### Sass utilities API Display utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/flex.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/flex.md index 564c39f86..d0a92e5b5 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/flex.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/flex.md @@ -655,9 +655,9 @@ And say you want to vertically center the content next to the image: </div> {{< /example >}} -## Sass +## CSS -### Utilities API +### Sass utilities API Flexbox utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/float.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/float.md index a18c21471..a8d3efba8 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/float.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/float.md @@ -39,9 +39,9 @@ Here are all the support classes: {{< /float.inline >}} {{< /markdown >}} -## Sass +## CSS -### Utilities API +### Sass utilities API Float utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/interactions.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/interactions.md index 0e8ea001f..d602850d1 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/interactions.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/interactions.md @@ -33,9 +33,9 @@ If possible, the simpler solution is: - For form controls, add the `disabled` HTML attribute. - For links, remove the `href` attribute, making it a non-interactive anchor or placeholder link. -## Sass +## CSS -### Utilities API +### Sass utilities API Interaction utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/link.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/link.md index 1b8eaa1ef..668af8c23 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/link.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/link.md @@ -94,11 +94,11 @@ Just like the `.link-opacity-*-hover` utilities, `.link-offset` and `.link-under {{< partial "callouts/warning-color-assistive-technologies.md" >}} {{< /callout >}} -## Sass +## CSS In addition to the following Sass functionality, consider reading about our included [CSS custom properties]({{< docsref "/customize/css-variables" >}}) (aka CSS variables) for colors and more. -### Utilities API +### Sass utilities API Link utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/object-fit.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/object-fit.md index debd495e8..babc70a69 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/object-fit.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/object-fit.md @@ -54,7 +54,9 @@ The `.object-fit-{value}` and responsive `.object-fit-{breakpoint}-{value}` util <video src="..." class="object-fit-none" autoplay></video> ``` -## Utilities API +## CSS + +### Sass utilities API Object fit utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/opacity.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/opacity.md index 5cc4c225f..5d253a77c 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/opacity.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/opacity.md @@ -24,7 +24,9 @@ Set the `opacity` of an element using `.opacity-{value}` utilities. <div class="opacity-25">...</div> ``` -### Utilities API +## CSS + +### Sass utilities API Opacity utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/overflow.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/overflow.md index c4cb0092c..9c8573c33 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/overflow.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/overflow.md @@ -90,9 +90,9 @@ Adjust the `overflow-y` property to affect the overflow of content vertically. Using Sass variables, you may customize the overflow utilities by changing the `$overflows` variable in `_variables.scss`. -## Sass +## CSS -### Utilities API +### Sass utilities API Overflow utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/position.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/position.md index 0ba0dd769..a2ef4ecc7 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/position.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/position.md @@ -93,8 +93,8 @@ Here are some real life examples of these classes: Mails <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-secondary">+99 <span class="visually-hidden">unread messages</span></span> </button> -<div class="position-relative py-2 px-4 text-bg-dark border border-dark rounded-pill"> - Marker <svg width="1em" height="1em" viewBox="0 0 16 16" class="position-absolute top-100 start-50 translate-middle mt-1" fill="var(--bs-dark)" xmlns="http://www.w3.org/2000/svg"><path d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg> +<div class="position-relative py-2 px-4 text-bg-secondary border border-secondary rounded-pill"> + Marker <svg width="1em" height="1em" viewBox="0 0 16 16" class="position-absolute top-100 start-50 translate-middle mt-1" fill="var(--bs-secondary)" xmlns="http://www.w3.org/2000/svg"><path d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg> </div> <button type="button" class="btn btn-primary position-relative"> @@ -115,15 +115,15 @@ You can use these classes with existing components to create new ones. Remember </div> {{< /example >}} -## Sass +## CSS -### Maps +### Sass maps Default position utility values are declared in a Sass map, then used to generate our utilities. {{< scss-docs name="position-map" file="scss/_variables.scss" >}} -### Utilities API +### Sass utilities API Position utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/shadows.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/shadows.md index 9872d4519..94868a119 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/shadows.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/shadows.md @@ -17,13 +17,13 @@ While shadows on components are disabled by default in Bootstrap and can be enab <div class="shadow-lg p-3 mb-5 bg-body-tertiary rounded">Larger shadow</div> {{< /example >}} -## Sass +## CSS -### Variables +### Sass variables {{< scss-docs name="box-shadow-variables" file="scss/_variables.scss" >}} -### Utilities API +### Sass utilities API Shadow utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/sizing.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/sizing.md index 3d0f8e81c..f5881729e 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/sizing.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/sizing.md @@ -53,9 +53,9 @@ You can also use utilities to set the width and height relative to the viewport. <div class="vh-100">Height 100vh</div> ``` -## Sass +## CSS -### Utilities API +### Sass utilities API Sizing utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/spacing.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/spacing.md index c7a216c31..2562b8d43 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/spacing.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/spacing.md @@ -139,15 +139,15 @@ Support includes responsive options for all of Bootstrap's grid breakpoints, as </div> {{< /example >}} -## Sass +## CSS -### Maps +### Sass maps Spacing utilities are declared via Sass map and then generated with our utilities API. {{< scss-docs name="spacer-variables-maps" file="scss/_variables.scss" >}} -### Utilities API +### Sass utilities API Spacing utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/text.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/text.md index f7c030da6..5787f95eb 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/text.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/text.md @@ -153,7 +153,7 @@ Font-size utilities are generated from this map, in combination with our utiliti {{< scss-docs name="theme-text-map" file="scss/_maps.scss" >}} -## Utilities API +### Sass utilities API Font and text utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/vertical-align.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/vertical-align.md index 9fe0eeb93..c24e6616f 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/vertical-align.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/vertical-align.md @@ -39,9 +39,9 @@ With table cells: </table> {{< /example >}} -## Sass +## CSS -### Utilities API +### Sass utilities API Vertical align utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/visibility.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/visibility.md index 61eb30241..e2c6bb6b8 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/visibility.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/visibility.md @@ -28,9 +28,9 @@ Apply `.visible` or `.invisible` as needed. } ``` -## Sass +## CSS -### Utilities API +### Sass utilities API Visibility utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/z-index.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/z-index.md index ca7d8e35a..64ed84bce 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/z-index.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/z-index.md @@ -37,13 +37,13 @@ Learn about our [`z-index` approach]({{< docsref "/extend/approach#z-index-scale ## CSS -### Sass map +### Sass maps Customize this Sass map to change the available values and generated utilities. {{< scss-docs name="zindex-levels-map" file="scss/_variables.scss" >}} -### Utilities API +### Sass utilities API Position utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) |