From 3e0375e03bd1bf75075ef3d7fc7ff867493adca5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 28 Jun 2017 09:29:59 -0700 Subject: [PATCH] move list group variants to be generated from sass map --- docs/4.0/components/list-group.md | 14 ++++++-------- scss/_list-group.scss | 7 +++---- 2 files changed, 9 insertions(+), 12 deletions(-) diff --git a/docs/4.0/components/list-group.md b/docs/4.0/components/list-group.md index 4e544ce184..66d76a77dd 100644 --- a/docs/4.0/components/list-group.md +++ b/docs/4.0/components/list-group.md @@ -87,10 +87,9 @@ Use contextual classes to style list items with a stateful background and color. {% example html %} {% endexample %} @@ -99,10 +98,9 @@ Contextual classes also work with `.list-group-item-action`. Note the addition o {% example html %}
Dapibus ac facilisis in - Dapibus ac facilisis in - Cras sit amet nibh libero - Porta ac consectetur ac - Vestibulum at eros + + {% for color in site.data.theme-colors %} + This is a {{ color.name }} list group item{% endfor %}
{% endexample %} diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 96fd6f0195..7e0b19e01e 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -109,7 +109,6 @@ // Add modifier classes to change text and background color on individual items. // Organizationally, this must come after the `:hover` states. -@include list-group-item-variant(success, $state-success-bg, $state-success-text); -@include list-group-item-variant(info, $state-info-bg, $state-info-text); -@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text); -@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text); +@each $color, $value in $theme-colors { + @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6)); +}