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