skeuocard-rails 0.0.1 → 0.0.2.alpha

data/vendor/assets/stylesheets/src/_cards.scss

@@ -17,15 +17,15 @@
   }
 
   .face.front {
-    background: #eee image-url('products/generic-front.png') no-repeat right bottom;
+    background: #eee url('../images/products/generic-front.png') no-repeat right bottom;
   }
   .face.back {
-    background: #eee image-url('products/generic-back.png') no-repeat center center;
+    background: #eee url('../images/products/generic-back.png') no-repeat center center;
   }
 
   .cc-number{
     position: absolute;
-    display: block;
+    display: block; 
     //left:36px;
     left: 1.8em;
     top: 8.05em;
@@ -63,8 +63,8 @@
     }
   }
   .cc-exp {
-    position: absolute;
-    display: block;
+    position: absolute; 
+    display: block; 
     input, .separator {
       margin: 0; padding: 0;
       font-size: 1em;
@@ -79,8 +79,8 @@
   }
   .cc-name {
     margin: 0; padding: 0;
-    position: absolute;
-    display: block;
+    position: absolute; 
+    display: block; 
     font-size: 1em;
     font-family: $cc-field-family;
     background-color: transparent;
@@ -89,8 +89,8 @@
   }
   .cc-cvc {
     margin: 0; padding: 0;
-    position: absolute;
-    display: block;
+    position: absolute; 
+    display: block; 
     font-size: 1em;
     font-family: $cc-label-family;
     background-color: transparent;
@@ -120,14 +120,14 @@
   @extend .skeuocard.card-product;
 
   .face.front{
-    background: #eee image-url('products/visa-front.png') no-repeat right bottom;
+    background: #eee url('../images/products/visa-front.png') no-repeat right bottom;
   }
   .face.back {
-    background: #eee image-url('products/visa-back.png') no-repeat center center;
+    background: #eee url('../images/products/visa-back.png') no-repeat center center;
   }
 
   .cc-number{
-    left: 1.8em;
+    left: 1.8em; 
     top: 8.05em;
   }
 
@@ -151,7 +151,7 @@
   // This card puts all required information on the back, rather than the front.
   &.issuer-chase-sapphire{
     .face.front{
-      background-image: image-url('issuers/visa-chase-sapphire.png');
+      background-image: url('../images/issuers/visa-chase-sapphire.png');
     }
     .cc-name{
       left: 1.25em;
@@ -174,7 +174,7 @@
     }
     .cc-exp{
       left: 3.75em;
-      top: 11.5em;
+      top: 11.5em; 
       input, .separator{
         font-family: $cc-label-family;
         &.group2{ width: 1.6em; }
@@ -189,7 +189,7 @@
 
   &.issuer-simple{
     .face.front{
-      background-image: image-url('issuers/visa-simple-front.png');
+      background-image: url('../images/issuers/visa-simple-front.png');
     }
     input, .separator {
       color: #eee;
@@ -197,8 +197,8 @@
       text-shadow: 1px 1px 1px #bbb;
       filter: dropshadow(color=#aaa, offx=1, offy=1);
       border: none;
-      @include input-placeholder{
-        color: #fff;
+      @include input-placeholder{ 
+        color: #fff; 
         text-shadow: 1px 1px 1px #ccc;
         filter: dropshadow(color=#ddd, offx=1, offy=1);
       };
@@ -217,7 +217,10 @@
   @extend .skeuocard.card-product;
 
   .face.front {
-    background: #eee image-url('products/amex-front.png') no-repeat right bottom;
+    background: #eee url('../images/products/amex-front.png') no-repeat right bottom;
+  }
+  .face.back{
+    background: #eee url('../images/products/visa-back.png') no-repeat center center;
   }
 
   .cc-number{
@@ -249,7 +252,10 @@
   @extend .skeuocard.card-product;
 
   .face.front{
-    background: #eee image-url('products/dinersclubintl-front.png') no-repeat right bottom;
+    background: #eee url('../images/products/dinersclubintl-front.png') no-repeat right bottom;
+  }
+  .face.back{
+    background: #eee url('../images/products/visa-back.png') no-repeat center center;
   }
   .cc-number{
     left: 1.8em;
@@ -263,6 +269,11 @@
     left: 17.5em;
     top: 13.5em;
   }
+  .cc-cvc{
+    top: 7.15em;
+    left: 18.1em;
+    width: 3em;
+  }
 }
 
 // *****************************************************************************
@@ -272,7 +283,10 @@
   @extend .skeuocard.card-product;
 
   .face.front{
-    background: #eee image-url('products/mastercard-front.png') no-repeat right bottom;
+    background: #eee url('../images/products/mastercard-front.png') no-repeat right bottom;
+  }
+  .face.back{
+    background: #eee url('../images/products/visa-back.png') no-repeat center center;
   }
 
   .cc-number{
@@ -289,6 +303,12 @@
     left: 11.5em;
     top: 10.8em;
   }
+
+  .cc-cvc{
+    top: 7.15em;
+    left: 18.1em;
+    width: 3em;
+  }
 }
 
 // *****************************************************************************
@@ -298,7 +318,10 @@
   @extend .skeuocard.card-product;
 
   .face.front{
-    background: #eee image-url('products/discover-front.png') no-repeat right bottom;
+    background: #eee url('../images/products/discover-front.png') no-repeat right bottom;
+  }
+  .face.back{
+    background: #eee url('../images/products/visa-back.png') no-repeat center center;
   }
 
   .cc-number{
@@ -315,4 +338,9 @@
     left: 13.15em;
     top: 11.61em;
   }
-}
+  .cc-cvc{
+    top: 7.15em;
+    left: 18.1em;
+    width: 3em;
+  }
+}

data/vendor/assets/stylesheets/src/skeuocard.scss

@@ -32,6 +32,12 @@ $color-valid: #00CFA7;
   -o-perspective: 1000;
   perspective: 1000;
 
+  input[type=number]::-webkit-inner-spin-button,
+  input[type=number]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
   .card-body {
     -moz-transform: perspective(1000px);
     -moz-transform-style: preserve-3d;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: skeuocard-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2.alpha
 platform: ruby
 authors:
 - Thomas Darde
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-02 00:00:00.000000000 Z
+date: 2013-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -53,21 +53,17 @@ files:
 - vendor/assets/images/products/visa-back.png
 - vendor/assets/images/products/visa-front.png
 - vendor/assets/javascripts/skeuocard.js
-- vendor/assets/javascripts/src/skeuocard.coffee
-- vendor/assets/javascripts/vendor/css_browser_selector.js
-- vendor/assets/javascripts/vendor/demo.fix.js
-- vendor/assets/javascripts/vendor/jquery-2.0.3.min.js
 - vendor/assets/stylesheets/src/_browser_hacks.scss
 - vendor/assets/stylesheets/src/_cards.scss
 - vendor/assets/stylesheets/src/_util.scss
-- vendor/assets/stylesheets/src/demo.scss
 - vendor/assets/stylesheets/src/skeuocard.reset.scss
 - vendor/assets/stylesheets/src/skeuocard.scss
 - MIT-LICENSE
 - Gemfile
 - README.md
 homepage: https://github.com/rougecardinal/skeuocard-rails
-licenses: []
+licenses:
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []
@@ -80,9 +76,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - '>'
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubyforge_project: 
 rubygems_version: 2.0.3