summaryrefslogtreecommitdiff
path: root/src/sass/bootstrap4/mixins/_cards.scss
diff options
context:
space:
mode:
authorMax2017-05-18 14:03:27 +0200
committerMax2017-05-18 14:03:27 +0200
commitf597e2fe949a1e18eb778b9a5bd102de88570555 (patch)
tree7e42e6f91dd3e764cd2cf0c4f61f48501c2ed98f /src/sass/bootstrap4/mixins/_cards.scss
downloaddocs.maxmail.xyz-f597e2fe949a1e18eb778b9a5bd102de88570555.tar.gz
Initial commit.HEADmaster
Diffstat (limited to 'src/sass/bootstrap4/mixins/_cards.scss')
-rw-r--r--src/sass/bootstrap4/mixins/_cards.scss38
1 files changed, 38 insertions, 0 deletions
diff --git a/src/sass/bootstrap4/mixins/_cards.scss b/src/sass/bootstrap4/mixins/_cards.scss
new file mode 100644
index 0000000..1ce28f1
--- /dev/null
+++ b/src/sass/bootstrap4/mixins/_cards.scss
@@ -0,0 +1,38 @@
+// Card variants
+
+@mixin card-variant($background, $border) {
+ background-color: $background;
+ border-color: $border;
+}
+
+@mixin card-outline-variant($color) {
+ background-color: transparent;
+ border-color: $color;
+}
+
+//
+// Inverse text within a card for use with dark backgrounds
+//
+
+@mixin card-inverse {
+ .card-header,
+ .card-footer {
+ border-bottom: $card-border-width solid rgba(255,255,255,.2);
+ }
+ .card-header,
+ .card-footer,
+ .card-title,
+ .card-blockquote {
+ color: #fff;
+ }
+ .card-link,
+ .card-text,
+ .card-blockquote > footer {
+ color: rgba(255,255,255,.65);
+ }
+ .card-link {
+ @include hover-focus {
+ color: $card-link-hover-color;
+ }
+ }
+}