From d42c8b528eb595101954f478e0024e3f079f6fbf Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Wed, 22 Mar 2017 19:19:26 +0100
Subject: first implementation of fun stats site

---
 templates/assets/bootstrap/scss/mixins/_cards.scss | 47 ++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 templates/assets/bootstrap/scss/mixins/_cards.scss

(limited to 'templates/assets/bootstrap/scss/mixins/_cards.scss')

diff --git a/templates/assets/bootstrap/scss/mixins/_cards.scss b/templates/assets/bootstrap/scss/mixins/_cards.scss
new file mode 100644
index 0000000..4b1232d
--- /dev/null
+++ b/templates/assets/bootstrap/scss/mixins/_cards.scss
@@ -0,0 +1,47 @@
+// Card variants
+
+@mixin card-variant($background, $border) {
+  background-color: $background;
+  border-color: $border;
+
+  .card-header,
+  .card-footer {
+    background-color: transparent;
+  }
+}
+
+@mixin card-outline-variant($color) {
+  background-color: transparent;
+  border-color: $color;
+}
+
+//
+// Inverse text within a card for use with dark backgrounds
+//
+
+@mixin card-inverse {
+  color: rgba(255,255,255,.65);
+
+  .card-header,
+  .card-footer {
+    background-color: transparent;
+    border-color: rgba(255,255,255,.2);
+  }
+  .card-header,
+  .card-footer,
+  .card-title,
+  .card-blockquote {
+    color: #fff;
+  }
+  .card-link,
+  .card-text,
+  .card-subtitle,
+  .card-blockquote .blockquote-footer {
+    color: rgba(255,255,255,.65);
+  }
+  .card-link {
+    @include hover-focus {
+      color: $card-link-hover-color;
+    }
+  }
+}
-- 
cgit v1.3.1