Renaming the theme filename that is outputed to the dist folder. Addresses #221

Gruntfile.js

@@ -45,7 +45,7 @@ module.exports = function(grunt) {
       dist: {
         files: {
           '<%= meta.distPath %><%= pkg.name %>.css': '<%= meta.srcPath %>sass/ratchet.scss',
-          '<%= meta.distPath %>theme-classic.css': '<%= meta.srcPath %>sass/theme-classic.scss'
+          '<%= meta.distPath %>theme-classic.css': '<%= meta.srcPath %>sass/ratchet-theme.scss'
         }
       }
     },

dist/ratchet.css

@@ -409,7 +409,7 @@ strong {
 .table-view .table-view-cell {
   position: relative;
   padding: 11px 60px 12px 15px;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='2000' height='0.5'/></svg>");
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='1000' height='0.5'/></svg>");
   background-position: 15px 100%;
   background-repeat: no-repeat;
 }
@@ -448,7 +448,7 @@ strong {
   color: #999;
   font-weight: 500;
   background-color: #fafafa;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='2000' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='2000' height='0.5'/></svg>");
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='1000' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='1000' height='0.5'/></svg>");
   background-position: 0 100%, 0 0%;
   background-repeat: no-repeat;
 }
@@ -588,7 +588,7 @@ select {
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='2000' height='0.5'/></svg>");
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='1000' height='0.5'/></svg>");
   background-position: 15px 100%;
   background-repeat: no-repeat;
 }
@@ -599,7 +599,7 @@ select {
 
 .input-row {
   overflow: hidden;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='2000' height='0.5'/></svg>");
+  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#c8c7cc' x='0' y='0' width='1000' height='0.5'/></svg>");
   background-position: 15px 100%;
   background-repeat: no-repeat;
 }

examples/app-classic/checkout.html

@@ -12,7 +12,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <link rel="stylesheet" href="../../dist/theme-classic.css">
+    <link rel="stylesheet" href="../../dist/ratchet-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
 

examples/app-classic/choose-movie.html

@@ -12,7 +12,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <link rel="stylesheet" href="../../dist/theme-classic.css">
+    <link rel="stylesheet" href="../../dist/ratchet-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
 

examples/app-classic/choose-theater.html

@@ -12,7 +12,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <link rel="stylesheet" href="../../dist/theme-classic.css">
+    <link rel="stylesheet" href="../../dist/ratchet-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
 

examples/app-classic/index.html

@@ -12,7 +12,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <link rel="stylesheet" href="../../dist/theme-classic.css">
+    <link rel="stylesheet" href="../../dist/ratchet-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
 

examples/app-classic/settings.html

@@ -12,7 +12,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
-    <link rel="stylesheet" href="../../dist/theme-classic.css">
+    <link rel="stylesheet" href="../../dist/ratchet-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
 

examples/app-classic/theaters.html

@@ -12,6 +12,7 @@
     <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../../dist/touch-icons/apple-touch-icon-57x57.png">
 
     <link rel="stylesheet" href="../../dist/ratchet.css">
+    <link rel="stylesheet" href="../../dist/ratchet-theme.css">
     <link rel="stylesheet" href="css/app.css">
     <script src="../../dist/ratchet.js"></script>
 

examples/components/classic/index.html

@@ -7,7 +7,7 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
     <link rel="stylesheet" href="../../../dist/ratchet.css">
-    <link rel="stylesheet" href="../../../dist/theme-classic.css">
+    <link rel="stylesheet" href="../../../dist/ratchet-theme.css">
     <script src="../../../dist/ratchet.js"></script>
     <script src="../../../docs/js/fingerblast.js"></script>
     <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

lib/sass/mixins.scss

@@ -73,12 +73,12 @@
 // --------------------------------------------------
 @mixin hairline($type, $color, $offset) {
   @if $type == single {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#{$color}' x='0' y='0' width='2000' height='0.5'/></svg>");
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>");
     background-position: $offset 100%;
 
   } @else if $type == double {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#{$color}' x='0' y='0' width='2000' height='0.5'/></svg>"),
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>"),
-                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2000' height='1'><rect fill='#{$color}' x='0' y='0' width='2000' height='0.5'/></svg>");
+                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>");
     background-position: $offset 100%, $offset 0%;
   }
   background-repeat: no-repeat;