sync

[roojs1] / scss / bootstrap / mixins / _list-group.scss

diff --git a/scss/bootstrap/mixins/_list-group.scss b/scss/bootstrap/mixins/_list-group.scss
new file mode 100644 (file)
index 0000000..cd47a4e
--- /dev/null
+++ b/scss/bootstrap/mixins/_list-group.scss
@@ -0,0 +1,21 @@
+// List Groups
+
+@mixin list-group-item-variant($state, $background, $color) {
+  .list-group-item-#{$state} {
+    color: $color;
+    background-color: $background;
+
+    &.list-group-item-action {
+      @include hover-focus {
+        color: $color;
+        background-color: darken($background, 5%);
+      }
+
+      &.active {
+        color: $white;
+        background-color: $color;
+        border-color: $color;
+      }
+    }
+  }
+}