initial conversation from leap_doc and leap_website

1 files changed, 31 insertions, 0 deletions

diff --git a/pages/assets/bootstrap/mixins/_list-group.scss b/pages/assets/bootstrap/mixins/_list-group.scss
new file mode 100644
index 0000000..5f05e7b
--- /dev/null
+++ b/pages/assets/bootstrap/mixins/_list-group.scss
@@ -0,0 +1,31 @@
+// List Groups
+
+@mixin list-group-item-variant($state, $background, $color) {
+  .list-group-item-#{$state} {
+    color: $color;
+    background-color: $background;
+
+    // [converter] extracted a& to a.list-group-item-#{$state}
+  }
+
+  a.list-group-item-#{$state} {
+    color: $color;
+
+    .list-group-item-heading {
+      color: inherit;
+    }
+
+    &:hover,
+    &:focus {
+      color: $color;
+      background-color: darken($background, 5%);
+    }
+    &.active,
+    &.active:hover,
+    &.active:focus {
+      color: #fff;
+      background-color: $color;
+      border-color: $color;
+    }
+  }
+}