diff options
author | Mark Otto <markd.otto@gmail.com> | 2021-02-11 06:29:59 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-11 06:29:59 +0300 |
commit | 4c7a3e8adf73bf55a5fba5905b356468be17bc0e (patch) | |
tree | a651ca24b2244b87eddd7a587bfd8a2a03ecd7f1 /site/content/docs/5.0/components/list-group.md | |
parent | e50c11b8c6434b6d68ea5897771e4d35fe12f5c3 (diff) |
Add Sass docs (variables, mixins, and loops) to most pages (#32747)
* WIP: Mention variables, mixins, and loops in docs
* Add Sass sections to component pages
* add sass docs for forms and content
* Update buttons.md
* Remove empty mixins sections
* Massive update to utilities and some consistency changes
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'site/content/docs/5.0/components/list-group.md')
-rw-r--r-- | site/content/docs/5.0/components/list-group.md | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/site/content/docs/5.0/components/list-group.md b/site/content/docs/5.0/components/list-group.md index 5213ef5ca7..1ac5a9a2b9 100644 --- a/site/content/docs/5.0/components/list-group.md +++ b/site/content/docs/5.0/components/list-group.md @@ -254,6 +254,23 @@ And if you want `<label>`s as the `.list-group-item` for large hit areas, you ca </div> {{< /example >}} +## Sass + +### Variables + +{{< scss-docs name="list-group-variables" file="scss/_variables.scss" >}} + +### Mixins + +Used in combination with `$theme-colors` to generate the [contextual variant classes](#contextual-classes) for `.list-group-item`s. + +{{< scss-docs name="list-group-mixin" file="scss/mixins/_list-group.scss" >}} + +### Loop + +Loop that generates the modifier classes with the `list-group-item-variant()` mixin. + +{{< scss-docs name="list-group-modifiers" file="scss/_list-group.scss" >}} ## JavaScript behavior |