From 185ddf1eaf82e08586be6c7689507ee924d9dd47 Mon Sep 17 00:00:00 2001 From: Mario Date: Fri, 19 Aug 2022 13:15:48 +0000 Subject: update to bootstrap 5.2 and fixes --- .../bootstrap/site/content/docs/5.2/forms/range.md | 49 ++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 vendor/twbs/bootstrap/site/content/docs/5.2/forms/range.md (limited to 'vendor/twbs/bootstrap/site/content/docs/5.2/forms/range.md') diff --git a/vendor/twbs/bootstrap/site/content/docs/5.2/forms/range.md b/vendor/twbs/bootstrap/site/content/docs/5.2/forms/range.md new file mode 100644 index 000000000..5c4f02612 --- /dev/null +++ b/vendor/twbs/bootstrap/site/content/docs/5.2/forms/range.md @@ -0,0 +1,49 @@ +--- +layout: docs +title: Range +description: Use our custom range inputs for consistent cross-browser styling and built-in customization. +group: forms +toc: true +--- + +## Overview + +Create custom `` controls with `.form-range`. The track (the background) and thumb (the value) are both styled to appear the same across browsers. As only Firefox supports "filling" their track from the left or right of the thumb as a means to visually indicate progress, we do not currently support it. + +{{< example >}} + + +{{< /example >}} + +## Disabled + +Add the `disabled` boolean attribute on an input to give it a grayed out appearance, remove pointer events, and prevent focusing. + +{{< example >}} + + +{{< /example >}} + +## Min and max + +Range inputs have implicit values for `min` and `max`—`0` and `100`, respectively. You may specify new values for those using the `min` and `max` attributes. + +{{< example >}} + + +{{< /example >}} + +## Steps + +By default, range inputs "snap" to integer values. To change this, you can specify a `step` value. In the example below, we double the number of steps by using `step="0.5"`. + +{{< example >}} + + +{{< /example >}} + +## Sass + +### Variables + +{{< scss-docs name="form-range-variables" file="scss/_variables.scss" >}} -- cgit v1.2.3