Create a mixin for creating new card styles.

I'm aware that currently cards are a lot simpler than buttons right now
but this may change in future and it feels cleaner to be able to create
new card styles without needing to know the internals of how they're
implemented.

diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 90a48cf89e195c9fc470b03267ed8220d737e2d0..75a4c929333716dc4afc513cc7c6c9d9ad7fbb7d 100644 (file)
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -38,6 +38,7 @@
 // // Components
 @import "mixins/alert";
 @import "mixins/buttons";
+@import "mixins/cards";
 @import "mixins/pagination";
 @import "mixins/list-group";
 @import "mixins/nav-divider";

diff --git a/scss/mixins/_cards.scss b/scss/mixins/_cards.scss
new file mode 100644 (file)
index 0000000..83ff839
--- /dev/null
+++ b/scss/mixins/_cards.scss
@@ -0,0 +1,6 @@
+// Card variants
+
+@mixin card-variant($color) {
+    background-color: $color;
+    border-color: $color;
+}