Merge branch 'master' of https://github.com/MasterOfMalt/card into MasterOfMalt-master

Author: Jesse Pollak

src/coffee/card.coffee

@@ -11,6 +11,7 @@ class Card
           '<div class="jp-card-front">' +
               '<div class="jp-card-logo jp-card-visa">visa</div>' +
               '<div class="jp-card-logo jp-card-mastercard">MasterCard</div>' +
+              '<div class="jp-card-logo jp-card-maestro">Maestro</div>' +
               '<div class="jp-card-logo jp-card-amex"></div>' +
               '<div class="jp-card-logo jp-card-discover">discover</div>' +
               '<div class="jp-card-logo jp-card-dankort"><div class="dk"><div class="d"></div><div class="k"></div></div></div>' +

src/scss/card.scss

@@ -9,6 +9,7 @@
 @import "cards/discover";
 @import "cards/visa";
 @import "cards/mastercard";
+@import "cards/maestro";
 @import "cards/dankort";
 
 .jp-card-container {

src/scss/cards/_maestro.scss

@@ -0,0 +1,20 @@
+@import "card";
+@import "../logos/maestro";
+
+$fill-color: #0B2C5F;
+
+.jp-card.jp-card-maestro {
+    &.jp-card-identified {
+        .jp-card-front, .jp-card-back {
+            .jp-card-logo.jp-card-maestro {
+                box-shadow: none;
+            }
+            &:before {
+                background-color: $fill-color;
+            }
+        }
+        .jp-card-logo.jp-card-maestro {
+            opacity: 1;
+        }
+    }
+}

src/scss/logos/_maestro.scss

@@ -0,0 +1,36 @@
+@import "logo";
+
+.jp-card-logo.jp-card-maestro {
+    // display: none;
+    $blue: #0064CB;
+    $red: #CC0000;
+    $offset: 0;
+    color: white;
+    font-weight: bold;
+    text-align: center;
+    font-size: 14px;
+    line-height: $logo-height;
+    z-index: 1;
+    text-shadow: 1px 1px rgba(0, 0, 0, .6);
+    &:before, &:after {
+        content: " ";
+        display: block;
+        width: $logo-height;
+        top: 0;
+        position: absolute;
+        height: $logo-height;
+        border-radius: $logo-height / 2;
+    }
+
+    &:before {
+        left: $offset;
+        background: $blue;
+        z-index: -1;
+    }
+
+    &:after {
+        right: $offset;
+        background: $red;
+        z-index: -2;
+    }
+}