diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 90a48cf89e195c9fc470b03267ed8220d737e2d0..75a4c929333716dc4afc513cc7c6c9d9ad7fbb7d 100644
--- 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
index 0000000000000000000000000000000000000000..83ff839c5a6b01421af3ef76319312482057d5c9
--- /dev/null
+++ b/scss/mixins/_cards.scss
@@ -0,0 +1,6 @@
+// Card variants
+
+@mixin card-variant($color) {
+    background-color: $color;
+    border-color: $color;
+}