{"action":"created","issue":{"url":"https://api.github.com/repos/jessepollak/card/issues/332","repository_url":"https://api.github.com/repos/jessepollak/card","labels_url":"https://api.github.com/repos/jessepollak/card/issues/332/labels{/name}","comments_url":"https://api.github.com/repos/jessepollak/card/issues/332/comments","events_url":"https://api.github.com/repos/jessepollak/card/issues/332/events","html_url":"https://github.com/jessepollak/card/issues/332","id":211070930,"number":332,"title":"Visualization for Visa Electron","user":{"login":"BaltasarParreira","id":1650425,"avatar_url":"https://avatars0.githubusercontent.com/u/1650425?v=3","gravatar_id":"","url":"https://api.github.com/users/BaltasarParreira","html_url":"https://github.com/BaltasarParreira","followers_url":"https://api.github.com/users/BaltasarParreira/followers","following_url":"https://api.github.com/users/BaltasarParreira/following{/other_user}","gists_url":"https://api.github.com/users/BaltasarParreira/gists{/gist_id}","starred_url":"https://api.github.com/users/BaltasarParreira/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/BaltasarParreira/subscriptions","organizations_url":"https://api.github.com/users/BaltasarParreira/orgs","repos_url":"https://api.github.com/users/BaltasarParreira/repos","events_url":"https://api.github.com/users/BaltasarParreira/events{/privacy}","received_events_url":"https://api.github.com/users/BaltasarParreira/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-03-01T12:45:57Z","updated_at":"2017-03-01T19:38:40Z","closed_at":"2017-03-01T19:38:40Z","body":"Since this card type is recognized but without a cart image, I create based on normal visa a working image.\r\nI hope it helps someone as for me.\r\n\r\nOn card.js just replace line 64 with this:\r\n`Card.prototype.cardTemplate = '' + '<div class=\"jp-card-container\">' + '<div class=\"jp-card\">' + '<div class=\"jp-card-front\">' + '<div class=\"jp-card-logo jp-card-elo\">' + '<div class=\"e\">e</div>' + '<div class=\"l\">l</div>' + '<div class=\"o\">o</div>' + '</div>' + '<div class=\"jp-card-logo jp-card-visaelectron\">visa<div class=\"elec\">Electron</div></div>' + '<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-dinersclub\"></div>' + '<div class=\"jp-card-logo jp-card-dankort\"><div class=\"dk\"><div class=\"d\"></div><div class=\"k\"></div></div></div>' + '<div class=\"jp-card-lower\">' + '<div class=\"jp-card-shiny\"></div>' + '<div class=\"jp-card-cvc jp-card-display\">{{cvc}}</div>' + '<div class=\"jp-card-number jp-card-display\">{{number}}</div>' + '<div class=\"jp-card-name jp-card-display\">{{name}}</div>' + '<div class=\"jp-card-expiry jp-card-display\" data-before=\"{{monthYear}}\" data-after=\"{{validDate}}\">{{expiry}}</div>' + '</div>' + '</div>' + '<div class=\"jp-card-back\">' + '<div class=\"jp-card-bar\"></div>' + '<div class=\"jp-card-cvc jp-card-display\">{{cvc}}</div>' + '<div class=\"jp-card-shiny\"></div>' + '</div>' + '</div>' + '</div>';`\r\n\r\nand replace also line 433 with this (also this fixes the typo text on the back of cards):\r\n`exports.push([module.id, \".jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {\\n  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\\n  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }\\n\\n.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {\\n  -webkit-transform: 0deg;\\n  -moz-transform: 0deg;\\n  -ms-transform: 0deg;\\n  -o-transform: 0deg;\\n  transform: 0deg; }\\n  .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {\\n    -webkit-transform: rotateY(0deg);\\n    -moz-transform: rotateY(0deg);\\n    -ms-transform: rotateY(0deg);\\n    -o-transform: rotateY(0deg);\\n    transform: rotateY(0deg); }\\n  .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {\\n    -webkit-transform: rotateY(0deg);\\n    -moz-transform: rotateY(0deg);\\n    -ms-transform: rotateY(0deg);\\n    -o-transform: rotateY(0deg);\\n    transform: rotateY(0deg); }\\n    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {\\n      left: 18%; }\\n    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {\\n      -webkit-transform: rotateY(180deg);\\n      -moz-transform: rotateY(180deg);\\n      -ms-transform: rotateY(180deg);\\n      -o-transform: rotateY(180deg);\\n      transform: rotateY(180deg);\\n      left: 5%; }\\n    .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {\\n      left: 84%; }\\n      .jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {\\n        left: -480%;\\n        -webkit-transform: rotateY(180deg);\\n        -moz-transform: rotateY(180deg);\\n        -ms-transform: rotateY(180deg);\\n        -o-transform: rotateY(180deg);\\n        transform: rotateY(180deg); }\\n\\n.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {\\n  display: none; }\\n\\n.jp-card-logo {\\n  height: 36px;\\n  width: 60px;\\n  font-style: italic; }\\n  .jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {\\n    box-sizing: border-box; }\\n\\n.jp-card-logo.jp-card-amex {\\n  text-transform: uppercase;\\n  font-size: 4px;\\n  font-weight: bold;\\n  color: white;\\n  background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);\\n  background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px);\\n  border: 1px solid #EEE; }\\n  .jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {\\n    width: 28px;\\n    display: block;\\n    position: absolute;\\n    left: 16px; }\\n  .jp-card-logo.jp-card-amex:before {\\n    height: 28px;\\n    content: \\\"american\\\";\\n    top: 3px;\\n    text-align: left;\\n    padding-left: 2px;\\n    padding-top: 11px;\\n    background: #267AC3; }\\n  .jp-card-logo.jp-card-amex:after {\\n    content: \\\"express\\\";\\n    bottom: 11px;\\n    text-align: right;\\n    padding-right: 2px; }\\n\\n.jp-card.jp-card-amex.jp-card-flipped {\\n  -webkit-transform: none;\\n  -moz-transform: none;\\n  -ms-transform: none;\\n  -o-transform: none;\\n  transform: none; }\\n\\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {\\n  background-color: #108168; }\\n\\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {\\n  opacity: 1; }\\n\\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {\\n  visibility: visible; }\\n\\n.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {\\n  opacity: 1; }\\n\\n.jp-card-logo.jp-card-discover {\\n  background: #FF6600;\\n  color: #111;\\n  text-transform: uppercase;\\n  font-style: normal;\\n  font-weight: bold;\\n  font-size: 10px;\\n  text-align: center;\\n  overflow: hidden;\\n  z-index: 1;\\n  padding-top: 9px;\\n  letter-spacing: .03em;\\n  border: 1px solid #EEE; }\\n  .jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {\\n    content: \\\" \\\";\\n    display: block;\\n    position: absolute; }\\n  .jp-card-logo.jp-card-discover:before {\\n    background: white;\\n    width: 200px;\\n    height: 200px;\\n    border-radius: 200px;\\n    bottom: -5%;\\n    right: -80%;\\n    z-index: -1; }\\n  .jp-card-logo.jp-card-discover:after {\\n    width: 8px;\\n    height: 8px;\\n    border-radius: 4px;\\n    top: 10px;\\n    left: 27px;\\n    background-color: #FF6600;\\n    background-image: -webkit-radial-gradient(#FF6600, #fff);\\n    background-image: radial-gradient(  #FF6600, #fff);\\n    content: \\\"network\\\";\\n    font-size: 4px;\\n    line-height: 24px;\\n    text-indent: -7px; }\\n\\n.jp-card .jp-card-front .jp-card-logo.jp-card-discover {\\n  right: 12%;\\n  top: 18%; }\\n\\n.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {\\n  background-color: #86B8CF; }\\n\\n.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {\\n  opacity: 1; }\\n\\n.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {\\n  -webkit-transition: 400ms;\\n  -moz-transition: 400ms;\\n  transition: 400ms;\\n  content: \\\" \\\";\\n  display: block;\\n  background-color: #FF6600;\\n  background-image: -webkit-linear-gradient(#FF6600, #ffa366, #FF6600);\\n  background-image: linear-gradient(#FF6600, #ffa366, #FF6600);\\n  height: 50px;\\n  width: 50px;\\n  border-radius: 25px;\\n  position: absolute;\\n  left: 100%;\\n  top: 15%;\\n  margin-left: -25px;\\n  box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); }\\n\\n.jp-card-logo.jp-card-visa {\\n  background: white;\\n  text-transform: uppercase;\\n  color: #1A1876;\\n  text-align: center;\\n  font-weight: bold;\\n  font-size: 15px;\\n  line-height: 18px; }\\n  .jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {\\n    content: \\\" \\\";\\n    display: block;\\n    width: 100%;\\n    height: 25%; }\\n  .jp-card-logo.jp-card-visa:before {\\n    background: #1A1876; }\\n  .jp-card-logo.jp-card-visa:after {\\n    background: #E79800; }\\n\\n.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {\\n  background-color: #191278; }\\n\\n.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {\\n  opacity: 1; }\\n\\n.jp-card-logo.jp-card-mastercard {\\n  color: white;\\n  font-weight: bold;\\n  text-align: center;\\n  font-size: 9px;\\n  line-height: 36px;\\n  z-index: 1;\\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }\\n  .jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {\\n    content: \\\" \\\";\\n    display: block;\\n    width: 36px;\\n    top: 0;\\n    position: absolute;\\n    height: 36px;\\n    border-radius: 18px; }\\n  .jp-card-logo.jp-card-mastercard:before {\\n    left: 0;\\n    background: #FF0000;\\n    z-index: -1; }\\n  .jp-card-logo.jp-card-mastercard:after {\\n    right: 0;\\n    background: #FFAB00;\\n    z-index: -2; }\\n\\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {\\n  box-shadow: none; }\\n\\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {\\n  background-color: #0061A8; }\\n\\n.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {\\n  opacity: 1; }\\n\\n.jp-card-logo.jp-card-maestro {\\n  color: white;\\n  font-weight: bold;\\n  text-align: center;\\n  font-size: 14px;\\n  line-height: 36px;\\n  z-index: 1;\\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }\\n  .jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {\\n    content: \\\" \\\";\\n    display: block;\\n    width: 36px;\\n    top: 0;\\n    position: absolute;\\n    height: 36px;\\n    border-radius: 18px; }\\n  .jp-card-logo.jp-card-maestro:before {\\n    left: 0;\\n    background: #0064CB;\\n    z-index: -1; }\\n  .jp-card-logo.jp-card-maestro:after {\\n    right: 0;\\n    background: #CC0000;\\n    z-index: -2; }\\n\\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {\\n  box-shadow: none; }\\n\\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {\\n  background-color: #0B2C5F; }\\n\\n.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {\\n  opacity: 1; }\\n\\n.jp-card-logo.jp-card-dankort {\\n  width: 60px;\\n  height: 36px;\\n  padding: 3px;\\n  border-radius: 8px;\\n  border: #000000 1px solid;\\n  background-color: #FFFFFF; }\\n  .jp-card-logo.jp-card-dankort .dk {\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n    overflow: hidden; }\\n    .jp-card-logo.jp-card-dankort .dk:before {\\n      background-color: #ED1C24;\\n      content: '';\\n      position: absolute;\\n      width: 100%;\\n      height: 100%;\\n      display: block;\\n      border-radius: 6px; }\\n    .jp-card-logo.jp-card-dankort .dk:after {\\n      content: '';\\n      position: absolute;\\n      top: 50%;\\n      margin-top: -7.7px;\\n      right: 0;\\n      width: 0;\\n      height: 0;\\n      border-style: solid;\\n      border-width: 7px 7px 10px 0;\\n      border-color: transparent #ED1C24 transparent transparent;\\n      z-index: 1; }\\n  .jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {\\n    position: absolute;\\n    top: 50%;\\n    width: 50%;\\n    display: block;\\n    height: 15.4px;\\n    margin-top: -7.7px;\\n    background: white; }\\n  .jp-card-logo.jp-card-dankort .d {\\n    left: 0;\\n    border-radius: 0 8px 10px 0; }\\n    .jp-card-logo.jp-card-dankort .d:before {\\n      content: '';\\n      position: absolute;\\n      top: 50%;\\n      left: 50%;\\n      display: block;\\n      background: #ED1C24;\\n      border-radius: 2px 4px 6px 0px;\\n      height: 5px;\\n      width: 7px;\\n      margin: -3px 0 0 -4px; }\\n  .jp-card-logo.jp-card-dankort .k {\\n    right: 0; }\\n    .jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {\\n      content: '';\\n      position: absolute;\\n      right: 50%;\\n      width: 0;\\n      height: 0;\\n      border-style: solid;\\n      margin-right: -1px; }\\n    .jp-card-logo.jp-card-dankort .k:before {\\n      top: 0;\\n      border-width: 8px 5px 0 0;\\n      border-color: #ED1C24 transparent transparent transparent; }\\n    .jp-card-logo.jp-card-dankort .k:after {\\n      bottom: 0;\\n      border-width: 0 5px 8px 0;\\n      border-color: transparent transparent #ED1C24 transparent; }\\n\\n.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {\\n  background-color: #0055C7; }\\n\\n.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {\\n  opacity: 1; }\\n\\n.jp-card-logo.jp-card-elo {\\n  height: 50px;\\n  width: 50px;\\n  border-radius: 100%;\\n  background: black;\\n  color: white;\\n  text-align: center;\\n  text-transform: lowercase;\\n  font-size: 21px;\\n  font-style: normal;\\n  letter-spacing: 1px;\\n  font-weight: bold;\\n  padding-top: 13px; }\\n  .jp-card-logo.jp-card-elo .e, .jp-card-logo.jp-card-elo .l, .jp-card-logo.jp-card-elo .o {\\n    display: inline-block;\\n    position: relative; }\\n  .jp-card-logo.jp-card-elo .e {\\n    -webkit-transform: rotate(-15deg);\\n    -moz-transform: rotate(-15deg);\\n    -ms-transform: rotate(-15deg);\\n    -o-transform: rotate(-15deg);\\n    transform: rotate(-15deg); }\\n  .jp-card-logo.jp-card-elo .o {\\n    position: relative;\\n    display: inline-block;\\n    width: 12px;\\n    height: 12px;\\n    right: 0;\\n    top: 7px;\\n    border-radius: 100%;\\n    background-image: -webkit-linear-gradient( yellow 50%, red 50%);\\n    background-image: linear-gradient( yellow 50%, red 50%);\\n    -webkit-transform: rotate(40deg);\\n    -moz-transform: rotate(40deg);\\n    -ms-transform: rotate(40deg);\\n    -o-transform: rotate(40deg);\\n    transform: rotate(40deg);\\n    text-indent: -9999px; }\\n    .jp-card-logo.jp-card-elo .o:before {\\n      content: \\\"\\\";\\n      position: absolute;\\n      width: 49%;\\n      height: 49%;\\n      background: black;\\n      border-radius: 100%;\\n      text-indent: -99999px;\\n      top: 25%;\\n      left: 25%; }\\n\\n.jp-card.jp-card-elo.jp-card-identified .jp-card-front:before, .jp-card.jp-card-elo.jp-card-identified .jp-card-back:before {\\n  background-color: #6F6969; }\\n\\n.jp-card.jp-card-elo.jp-card-identified .jp-card-logo.jp-card-elo {\\n  opacity: 1; }\\n\\n.jp-card-logo.jp-card-dinersclub {\\n  font-family: serif;\\n  height: 40px;\\n  width: 100px;\\n  color: white;\\n  font-size: 17px;\\n  font-style: normal;\\n  letter-spacing: 1px; }\\n  .jp-card-logo.jp-card-dinersclub::before, .jp-card-logo.jp-card-dinersclub::after {\\n    display: block;\\n    position: relative; }\\n  .jp-card-logo.jp-card-dinersclub::before {\\n    content: 'Diners Club'; }\\n  .jp-card-logo.jp-card-dinersclub::after {\\n    content: 'International';\\n    text-transform: uppercase;\\n    font-size: 0.6em; }\\n\\n.jp-card.jp-card-dinersclub .jp-card-front .jp-card-logo {\\n  box-shadow: none !important; }\\n\\n.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dinersclub.jp-card-identified .jp-card-back:before {\\n  background-color: #999; }\\n\\n.jp-card.jp-card-dinersclub.jp-card-identified .jp-card-logo.jp-card-dinersclub {\\n  opacity: 1; }\\n\\n.jp-card-container {\\n  -webkit-perspective: 1000px;\\n  -moz-perspective: 1000px;\\n  perspective: 1000px;\\n  width: 350px;\\n  max-width: 100%;\\n  height: 200px;\\n  margin: auto;\\n  z-index: 1;\\n  position: relative; }\\n\\n.jp-card {\\n  font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n  line-height: 1;\\n  position: relative;\\n  width: 100%;\\n  height: 100%;\\n  min-width: 315px;\\n  border-radius: 10px;\\n  -webkit-transform-style: preserve-3d;\\n  -moz-transform-style: preserve-3d;\\n  -ms-transform-style: preserve-3d;\\n  -o-transform-style: preserve-3d;\\n  transform-style: preserve-3d;\\n  -webkit-transition: all 400ms linear;\\n  -moz-transition: all 400ms linear;\\n  transition: all 400ms linear; }\\n  .jp-card > *, .jp-card > *:before, .jp-card > *:after {\\n    -moz-box-sizing: border-box;\\n    -webkit-box-sizing: border-box;\\n    box-sizing: border-box;\\n    font-family: inherit; }\\n  .jp-card.jp-card-flipped {\\n    -webkit-transform: rotateY(180deg);\\n    -moz-transform: rotateY(180deg);\\n    -ms-transform: rotateY(180deg);\\n    -o-transform: rotateY(180deg);\\n    transform: rotateY(180deg);\\n    -webkit-backface-visibility: hidden;\\n    backface-visibility: hidden; }\\n  .jp-card .jp-card-front, .jp-card .jp-card-back {\\n    -webkit-backface-visibility: hidden;\\n    backface-visibility: hidden;\\n    -webkit-transform-style: preserve-3d;\\n    -moz-transform-style: preserve-3d;\\n    -ms-transform-style: preserve-3d;\\n    -o-transform-style: preserve-3d;\\n    transform-style: preserve-3d;\\n    -webkit-transition: all 400ms linear;\\n    -moz-transition: all 400ms linear;\\n    transition: all 400ms linear;\\n    width: 100%;\\n    height: 100%;\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    overflow: hidden;\\n    border-radius: 10px;\\n    background: #DDD; }\\n    .jp-card .jp-card-front:before, .jp-card .jp-card-back:before {\\n      content: \\\" \\\";\\n      display: block;\\n      position: absolute;\\n      width: 100%;\\n      height: 100%;\\n      top: 0;\\n      left: 0;\\n      opacity: 0;\\n      border-radius: 10px;\\n      -webkit-transition: all 400ms ease;\\n      -moz-transition: all 400ms ease;\\n      transition: all 400ms ease; }\\n    .jp-card .jp-card-front:after, .jp-card .jp-card-back:after {\\n      content: \\\" \\\";\\n      display: block; }\\n    .jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {\\n      color: white;\\n      font-weight: normal;\\n      opacity: 0.5;\\n      -webkit-transition: opacity 400ms linear;\\n      -moz-transition: opacity 400ms linear;\\n      transition: opacity 400ms linear; }\\n      .jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {\\n        opacity: 1;\\n        font-weight: 700; }\\n    .jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {\\n      font-family: \\\"Bitstream Vera Sans Mono\\\", Consolas, Courier, monospace;\\n      font-size: 14px; }\\n    .jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {\\n      width: 50px;\\n      height: 35px;\\n      border-radius: 5px;\\n      background: #CCC;\\n      position: relative; }\\n      .jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {\\n        content: \\\" \\\";\\n        display: block;\\n        width: 70%;\\n        height: 60%;\\n        border-top-right-radius: 5px;\\n        border-bottom-right-radius: 5px;\\n        background: #d9d9d9;\\n        position: absolute;\\n        top: 20%; }\\n  .jp-card .jp-card-front .jp-card-logo {\\n    position: absolute;\\n    opacity: 0;\\n    right: 5%;\\n    top: 8%;\\n    -webkit-transition: 400ms;\\n    -moz-transition: 400ms;\\n    transition: 400ms; }\\n  .jp-card .jp-card-front .jp-card-lower {\\n    width: 80%;\\n    position: absolute;\\n    left: 10%;\\n    bottom: 30px; }\\n    @media only screen and (max-width: 480px) {\\n      .jp-card .jp-card-front .jp-card-lower {\\n        width: 90%;\\n        left: 5%; } }\\n    .jp-card .jp-card-front .jp-card-lower .jp-card-cvc {\\n      visibility: hidden;\\n      float: right;\\n      position: relative;\\n      bottom: 5px; }\\n    .jp-card .jp-card-front .jp-card-lower .jp-card-number {\\n      font-family: \\\"Bitstream Vera Sans Mono\\\", Consolas, Courier, monospace;\\n      font-size: 24px;\\n      clear: both;\\n      margin-bottom: 30px; }\\n    .jp-card .jp-card-front .jp-card-lower .jp-card-expiry {\\n      font-family: \\\"Bitstream Vera Sans Mono\\\", Consolas, Courier, monospace;\\n      letter-spacing: 0em;\\n      position: relative;\\n      float: right;\\n      width: 25%; }\\n      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {\\n        font-family: \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif;\\n        font-weight: bold;\\n        font-size: 7px;\\n        white-space: pre;\\n        display: block;\\n        opacity: .5; }\\n      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {\\n        content: attr(data-before);\\n        margin-bottom: 2px;\\n        font-size: 7px;\\n        text-transform: uppercase; }\\n      .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {\\n        position: absolute;\\n        content: attr(data-after);\\n        text-align: right;\\n        right: 100%;\\n        margin-right: 5px;\\n        margin-top: 2px;\\n        bottom: 0; }\\n    .jp-card .jp-card-front .jp-card-lower .jp-card-name {\\n      text-transform: uppercase;\\n      font-family: \\\"Bitstream Vera Sans Mono\\\", Consolas, Courier, monospace;\\n      font-size: 20px;\\n      max-height: 45px;\\n      position: absolute;\\n      bottom: 0;\\n      width: 190px;\\n      display: -webkit-box;\\n      -webkit-line-clamp: 2;\\n      -webkit-box-orient: horizontal;\\n      overflow: hidden;\\n      text-overflow: ellipsis; }\\n  .jp-card .jp-card-back {\\n    -webkit-transform: rotateY(180deg);\\n    -moz-transform: rotateY(180deg);\\n    -ms-transform: rotateY(180deg);\\n    -o-transform: rotateY(180deg);\\n    transform: rotateY(180deg); }\\n    .jp-card .jp-card-back .jp-card-bar {\\n      background-color: #444;\\n      background-image: -webkit-linear-gradient(#444, #333);\\n      background-image: linear-gradient(#444, #333);\\n      width: 100%;\\n      height: 20%;\\n      position: absolute;\\n      top: 10%; }\\n    .jp-card .jp-card-back:after {\\n      content: \\\" \\\";\\n      display: block;\\n      background-color: #FFF;\\n      background-image: -webkit-linear-gradient(#FFF, #FFF);\\n      background-image: linear-gradient(#FFF, #FFF);\\n      width: 80%;\\n      height: 16%;\\n      position: absolute;\\n      top: 40%;\\n      left: 2%; }\\n    .jp-card .jp-card-back .jp-card-cvc {\\n      position: absolute;\\n      top: 40%;\\n      left: 85%;\\n      -webkit-transition-delay: 600ms;\\n      -moz-transition-delay: 600ms;\\n      transition-delay: 600ms; }\\n    .jp-card .jp-card-back .jp-card-shiny {\\n      position: absolute;\\n      top: 66%;\\n      left: 2%; }\\n      .jp-card .jp-card-back .jp-card-shiny:after {\\n        content: \\\"This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free. It comes with no warranty. For support issues, please visit: github.com/jessepollak/card.\\\";\\n        position: absolute;\\n        left: 120%;\\n        top: 5%;\\n        color: white;\\n        font-size: 7px;\\n        width: 230px;\\n        opacity: .5; }\\n  .jp-card.jp-card-identified {\\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }\\n    .jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {\\n      background-color: #000;\\n      background-color: rgba(0, 0, 0, 0.5); }\\n      .jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {\\n        -webkit-transition: all 400ms ease;\\n        -moz-transition: all 400ms ease;\\n        transition: all 400ms ease;\\n        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\\n        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\\n        opacity: 1; }\\n      .jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {\\n        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); }\\n    .jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {\\n      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);\\n      background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); }\\n\", \"\"]);`"},"comment":{"url":"https://api.github.com/repos/jessepollak/card/issues/comments/283446187","html_url":"https://github.com/jessepollak/card/issues/332#issuecomment-283446187","issue_url":"https://api.github.com/repos/jessepollak/card/issues/332","id":283446187,"user":{"login":"jessepollak","id":1097953,"avatar_url":"https://avatars2.githubusercontent.com/u/1097953?v=3","gravatar_id":"","url":"https://api.github.com/users/jessepollak","html_url":"https://github.com/jessepollak","followers_url":"https://api.github.com/users/jessepollak/followers","following_url":"https://api.github.com/users/jessepollak/following{/other_user}","gists_url":"https://api.github.com/users/jessepollak/gists{/gist_id}","starred_url":"https://api.github.com/users/jessepollak/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jessepollak/subscriptions","organizations_url":"https://api.github.com/users/jessepollak/orgs","repos_url":"https://api.github.com/users/jessepollak/repos","events_url":"https://api.github.com/users/jessepollak/events{/privacy}","received_events_url":"https://api.github.com/users/jessepollak/received_events","type":"User","site_admin":false},"created_at":"2017-03-01T19:38:40Z","updated_at":"2017-03-01T19:38:40Z","body":"Can you open a PR that resolves this in the actual source? Thanks!"}}
{"actor":{"display_login":"jessepollak"}}