dem conflicts

.gitattributes

@@ -0,0 +1,8 @@
+# Enforce Unix newlines
+*.css   text eol=lf
+*.html  text eol=lf
+*.js    text eol=lf
+*.json  text eol=lf
+*.md    text eol=lf
+*.scss  text eol=lf
+*.yml   text eol=lf

.gitignore

@@ -32,3 +32,7 @@ nbproject
 .idea
 node_modules
 _site
+
+# grunt-html-validation
+validation-report.json
+validation-status.json

CNAME

@@ -1 +1 @@
-goratchet.com
+goratchet.com

Gruntfile.js

@@ -20,22 +20,22 @@ module.exports = function(grunt) {
       docsPath:       'docs/dist/',
       docsAssetsPath: 'docs/assets/'
     },
-    
+
     banner: '/*!\n' +
             ' * =====================================================\n' +
             ' * Ratchet v<%= pkg.version %>\n' +
             ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
-            ' * Licensed under <%= _.pluck(pkg.licenses, "url").join(", ") %>\n' +
+            ' * Licensed under <%= pkg.license %>.\n' +
             ' *\n' +
-            ' * V<%= pkg.version %> designed by @connors.\n' +
+            ' * v<%= pkg.version %> designed by @connors.\n' +
             ' * =====================================================\n' +
             ' */\n',
-    
+
     concat: {
-      options: {
-        banner: '<%= banner %>'
-      },
       ratchet: {
+        options: {
+          banner: '<%= banner %>'
+        },
         src: [
           'js/modals.js',
           'js/popovers.js',
@@ -51,11 +51,11 @@ module.exports = function(grunt) {
         dest: '<%= meta.docsPath %><%= pkg.name %>.js'
       }
     },
-    
+
     sass: {
       options: {
         banner: '<%= banner %>',
-        style: 'expanded',
+        style: 'expanded'
       },
       dist: {
         files: {
@@ -77,7 +77,31 @@ module.exports = function(grunt) {
         dest: 'docs/dist'
       }
     },
- 
+
+    cssmin: {
+      minify: {
+        options: {
+          banner: '', // set to empty ; see bellow
+          keepSpecialComments: '*', // set to '*' because we already add the banner in sass
+          report: 'min'
+        },
+        files: {
+          'dist/<%= pkg.name %>.min.css': 'dist/<%= pkg.name %>.css'
+        }
+      }
+    },
+
+    uglify: {
+      options: {
+        banner: '<%= banner %>',
+        report: 'min'
+      },
+      ratchet: {
+        src: 'dist/<%= pkg.name %>.js',
+        dest: 'dist/<%= pkg.name %>.min.js'
+      }
+    },
+
     watch: {
       scripts: {
         files: [
@@ -85,14 +109,53 @@ module.exports = function(grunt) {
         ],
         tasks: ['sass']
       }
+    },
+
+    jekyll: {
+      docs: {}
+    },
+
+    validation: {
+      options: {
+        charset: 'utf-8',
+        doctype: 'HTML5',
+        failHard: true,
+        reset: true,
+        relaxerror: [
+          'Bad value apple-mobile-web-app-title for attribute name on element meta: Keyword apple-mobile-web-app-title is not registered.',
+          'Attribute ontouchstart not allowed on element body at this point.'
+        ]
+      },
+      files: {
+        src: '_site/**/*.html'
+      }
+    },
+
+    sed: {
+      versionNumber: {
+        pattern: (function () {
+          var old = grunt.option('oldver');
+          return old ? RegExp.quote(old) : old;
+        })(),
+        replacement: grunt.option('newver'),
+        recursive: true
+      }
     }
   });
 
   // Load the plugins
   require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});
 
-
   // Default task(s).
-  grunt.registerTask('default', ['sass', 'concat', 'copy']);
-  grunt.registerTask('build', ['sass', 'concat', 'copy']);
+  grunt.registerTask('dist-css', ['sass', 'cssmin']);
+  grunt.registerTask('dist-js', ['concat', 'uglify']);
+  grunt.registerTask('dist', ['dist-css', 'dist-js', 'copy']);
+  grunt.registerTask('validate-html', ['jekyll', 'validation']);
+  grunt.registerTask('default', ['dist']);
+  grunt.registerTask('build', ['dist']);
+
+  // Version numbering task.
+  // grunt change-version-number --oldver=A.B.C --newver=X.Y.Z
+  // This can be overzealous, so its changes should always be manually reviewed!
+  grunt.registerTask('change-version-number', 'sed');
 };

README.md

@@ -1,4 +1,4 @@
-# Ratchet v2.0 [![devDependencies](https://david-dm.org/twbs/ratchet/dev-status.png?theme=shields.io)](https://david-dm.org/twbs/ratchet#info=devDependencies)
+# Ratchet v2.0.0 [![devDependencies](https://david-dm.org/twbs/ratchet/dev-status.png?theme=shields.io)](https://david-dm.org/twbs/ratchet#info=devDependencies)
 
 Build mobile apps with simple HTML, CSS, and JS components.
 
@@ -6,7 +6,7 @@ Build mobile apps with simple HTML, CSS, and JS components.
 
 - Clone the repo with `git clone https://github.com/twbs/ratchet.git` or just [download](http://github.com/twbs/ratchet/archive/v2.0.0.zip) the bundled CSS and JS
 - [Read the docs](http://goratchet.com) to learn about the components and how to get a prototype on your phone
-- We will have example apps to check out very soon!
+- [Check out examples](http://goratchet.com/examples/)
 
 Take note that our master branch is our active, unstable development branch and that if you're looking to download a stable copy of the repo, check the [tagged downloads](https://github.com/twbs/ratchet/tags).
 
@@ -37,11 +37,27 @@ Please file a GitHub issue to [report a bug](https://github.com/twbs/ratchet/iss
 A small list of "gotchas" are provided below for designers and developers starting to work with Ratchet
 
 - Ratchet is designed to respond to touch events from a mobile device. In order to use mouse click events (for desktop browsing and testing), you have a few options:
-    - Enable touch event emulation in Chrome (found in the overrides tab in the web inspector preferences)
-    - Use a JavaScript library like fingerblast.js to emulate touch events (ideally only loaded from desktop devices)
+  - Enable touch event emulation in Chrome (found in the overrides tab in the web inspector preferences)
+  - Use a JavaScript library like fingerblast.js to emulate touch events (ideally only loaded from desktop devices)
 - Script tags containing JavaScript will not be executed on pages that are loaded with push.js. If you would like to attach event handlers to elements on other pages, document-level event delegation is a common solution.
-- Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:/// protocol); consequently, Ratchet does not work when opened directly as a file.
-    - A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run ```python -m SimpleHTTPServer <port>``` to serve up the files in the current directory to ```http://localhost:<port>```
+- Ratchet uses XHR requests to fetch additional pages inside the application. Due to security concerns, modern browsers prevent XHR requests when opening files locally (aka using the file:// protocol); consequently, Ratchet does not work when opened directly as a file.
+  - A common solution to this is to simply serve the files from a local server. One convenient way to achieve this is to run ```python -m SimpleHTTPServer <port>``` to serve up the files in the current directory to ```http://localhost:<port>```
+
+## Versioning
+
+For transparency into our release cycle and in striving to maintain backward compatibility, Ratchet is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to these rules whenever possible.
+
+Releases will be numbered with the following format:
+
+`<major>.<minor>.<patch>`
+
+And constructed with the following guidelines:
+
+- Breaking backward compatibility **bumps the major** while resetting minor and patch
+- New additions without breaking backward compatibility **bumps the minor** while resetting the patch
+- Bug fixes and misc changes **bumps only the patch**
+
+For more information on SemVer, please visit <http://semver.org/>.
 
 ## Maintainers
 

_config.yml

@@ -1,12 +1,14 @@
-name: Ratchet
-authors: Connor Sears
-description: Prototype mobile apps with simple HTML, CSS, and JS components.
+# Meta data
+name:         Ratchet
+authors:      Connor Sears
+description:  Prototype mobile apps with simple HTML, CSS, and JS components.
 
-pygments:  true
-permalink: pretty
+# Dependencies
+pygments:     true
+
+# Permalinks
+permalink:    pretty
 
 # Server
-source:  ./docs
-port:    4000
-baseurl: /
-url:     http://localhost:4000
+source:       ./docs
+port:         4000

bower.json

@@ -9,8 +9,6 @@
     "_config.yml",
     "CNAME",
     "CONTRIBUTING.md",
-    "docs-assets"
-  ],
-  "dependencies": {
-  }
+    "docs"
+  ]
 }

dist/ratchet-theme-android.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 
@@ -467,7 +467,7 @@ textarea,
 }
 
 .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 
 .popover .bar {

dist/ratchet-theme-ios.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

dist/ratchet.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

dist/ratchet.js

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 /* ----------------------------------
@@ -131,7 +131,7 @@
     'slide-out' : 'slide-in',
     'fade'      : 'fade'
   };
-  
+
   var bars = {
     bartab             : '.bar-tab',
     barnav             : '.bar-nav',

dist/template.html

@@ -52,7 +52,7 @@
             </a>
           </li>
           <li class="table-view-cell">
-            <a class="push-right" href="https://goratchet.com">
+            <a class="push-right" href="https://github.com/twbs/ratchet/">
               <strong>Ratchet on Github</strong>
             </a>
           </li>
@@ -71,4 +71,4 @@
     </div>
 
   </body>
-</html>
+</html>

docs/_includes/download-module.html

@@ -2,4 +2,5 @@
   <h4 class="docs-module-title">Download Ratchet</h4>
   <p>If you haven't already, download the source code for Ratchet.</p>
   <a href="https://github.com/twbs/ratchet/archive/v2.0.0.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0']);">Download Ratchet</a>
+  <p>Currently v2.0.0</p>
 </div>

docs/_includes/footer.html

@@ -2,7 +2,7 @@
   <!-- Social links -->
   <ul class="social">
     <li>
-      <iframe src="http://ghbtns.com/github-btn.html?user=twbs&repo=ratchet&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
+      <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=ratchet&amp;type=watch&amp;count=true" width="100" height="20"></iframe>
     </li>
     <li>
       <a data-ignore="push" href="https://twitter.com/share" class="twitter-share-button" data-url="http://goratchet.com" data-text="Ratchet &#8211; Build mobile apps with simple HTML, CSS, and JS components." data-via="GoRatchet">Tweet</a>
@@ -14,7 +14,7 @@
     </li>
   </ul>
 
-  <p class="docs-footer-text">Code licensed under the MIT license and the docs are licensed under CC BY 3.0. Ratchet version 2.0.0 was lovingly crafted by <a href="https://twitter.com/connors" data-ignore="push">Connor Sears</a>.</p>
+  <p class="docs-footer-text">Code licensed under the <a href="https://github.com/twbs/ratchet/blob/master/LICENSE" data-ignore="push">MIT License</a> and the docs are licensed under <a href="https://github.com/twbs/ratchet/blob/master/docs/LICENSE" data-ignore="push">CC BY 3.0</a>. Ratchet version 2.0.0 was lovingly crafted by <a href="https://twitter.com/connors" data-ignore="push">Connor Sears</a>.</p>
 
   <ul class="docs-footer-links">
     <li>Currently v2.0.0</li>

docs/_includes/header.html

@@ -7,14 +7,21 @@
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+<!-- Roboto -->
+<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,700,500">
+
 <link rel="stylesheet" href="../dist/ratchet.css">
 <link rel="stylesheet" href="../assets/css/docs.css">
 <link rel="stylesheet" href="../assets/css/pygments.css">
-<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+<![endif]-->
 
 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/img/apple-touch-icon-114x114.png">
 
-<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script src="../dist/ratchet.js"></script>
 <script src="../assets/js/docs.js"></script>
 <script src="../assets/js/fingerblast.js"></script>
@@ -23,9 +30,6 @@
 <script src="//use.typekit.net/asj6ttm.js"></script>
 <script>try{Typekit.load();}catch(e){}</script>
 
-<!-- Roboto -->
-<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'>
-
 <script>
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-36050008-1']);

docs/assets/css/docs.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 
@@ -360,6 +360,11 @@ body {
   color: rgba(255, 255, 255, 0.8);
 }
 
+.github-btn {
+  border: 0;
+  overflow: hidden;
+}
+
 .docs-component-toolbar {
   padding-top: 8px;
   padding-bottom: 8px;
@@ -412,7 +417,6 @@ body {
 }
 .docs-example-group .example-wrap .example {
   display: block;
-  padding: 4px;
   overflow: hidden;
   padding: 3px;
   width: 100%;
@@ -803,7 +807,7 @@ hr {
   }
 
   .docs-footer .social .twitter-follow-button {
-    margin-top: 0px;
+    margin-top: 0;
   }
 
   .step-title {
@@ -1978,7 +1982,7 @@ hr {
   transform: scale(1);
 }
 .platform-android .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 .platform-android .popover .bar {
   border-radius: 0;

docs/assets/js/docs.js

@@ -42,7 +42,7 @@ $(function() {
     if (windowWidth >= 768) {
       device.initialLeft   = device.offset().left;
       device.initialTop    = device.initialTop || device.offset().top;
-      device.dockingOffset = ($(window).height() - device.height())/2; 
+      device.dockingOffset = ($(window).height() - device.height())/2;
     }
 
     checkDesktopContent();
@@ -65,7 +65,7 @@ $(function() {
       var trigger = $('.js-docs-nav-trigger');
 
       trigger.toggleClass('active');
-      nav.toggleClass('active'); 
+      nav.toggleClass('active');
     });
 
     navComponentLinks.click(function(e) {

docs/components.html

@@ -508,7 +508,7 @@ title: Components · Ratchet
       <ul class="table-view">
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -517,7 +517,7 @@ title: Components &middot; Ratchet
         </li>
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -526,7 +526,7 @@ title: Components &middot; Ratchet
         </li>
         <li class="table-view-cell media">
           <a class="push-right">
-            <img class="media-object pull-left" src="http://placehold.it/42x42">
+            <img class="media-object pull-left" src="http://placehold.it/42x42" alt="Placeholder image">
             <div class="media-body">
               Item 1
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.</p>
@@ -772,7 +772,7 @@ title: Components &middot; Ratchet
   </article>
 
   <!-- Buttons -->
-  <article class="component" id="buttons">
+  <article class="component" id="buttonsWithIcons">
     <h3 class="component-title">Buttons with icons</h3>
     <p class="component-description">Ratchicons work inside buttons too.</p>
 
@@ -1149,17 +1149,17 @@ document
         <div class="slider" id="mySlider">
           <div class="slide-group">
             <div class="slide">
-              <img src="../assets/img/slide-1.png">
+              <img src="../assets/img/slide-1.png" alt="Mountain and sky">
               <span class="slide-text">
                 <span class="icon icon-left-nav"></span>
                 Slide me
               </span>
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-2.png">
+              <img src="../assets/img/slide-2.png" alt="Giant mecha">
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-3.png">
+              <img src="../assets/img/slide-3.png" alt="Big Ben">
             </div>
           </div>
         </div>

docs/dist/ratchet-theme-android.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 
@@ -467,7 +467,7 @@ textarea,
 }
 
 .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 
 .popover .bar {

docs/dist/ratchet-theme-ios.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

docs/dist/ratchet.css

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 

docs/dist/ratchet.js

@@ -2,9 +2,9 @@
  * =====================================================
  * Ratchet v2.0.0
  * Copyright 2014 Connor Sears
- * Licensed under http://www.opensource.org/licenses/MIT
+ * Licensed under MIT.
  *
- * V2.0.0 designed by @connors.
+ * v2.0.0 designed by @connors.
  * =====================================================
  */
 /* ----------------------------------
@@ -131,7 +131,7 @@
     'slide-out' : 'slide-in',
     'fade'      : 'fade'
   };
-  
+
   var bars = {
     bartab             : '.bar-tab',
     barnav             : '.bar-nav',

docs/examples.html

@@ -26,19 +26,19 @@ title: Examples · Ratchet
       <div class="docs-example-group">
         <div class="example-wrap">
           <a class="example" href="../examples/app-movies" data-ignore="push">
-            <img src="../assets/img/example.png">
+            <img src="../assets/img/example.png" alt="Movie finder app example">
           </a>
           <h5>Movie finder</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-ios-mail" data-ignore="push">
-            <img src="../assets/img/example-ios.png">
+            <img src="../assets/img/example-ios.png" alt="iOS mail app example">
           </a>
           <h5>iOS mail app</h5>
         </div>
         <div class="example-wrap">
           <a class="example" href="../examples/app-android-notes" data-ignore="push">
-            <img src="../assets/img/example-android.png">
+            <img src="../assets/img/example-android.png" alt="Android notes app example">
           </a>
           <h5>Android notes app</h5>
         </div>

docs/examples/app-movies/index.html

@@ -28,13 +28,13 @@
       <div class="slider">
         <div class="slide-group">
           <div class="slide">
-            <img src="img/argo.png">
+            <img src="img/argo.png" alt="Argo">
           </div>
           <div class="slide">
-             <img src="img/skyfall.png">
+             <img src="img/skyfall.png" alt="Skyfall">
           </div>
           <div class="slide">
-             <img src="img/ralph.png">
+             <img src="img/ralph.png" alt="Wreck-It Ralph">
           </div>
         </div>
       </div>
@@ -43,7 +43,7 @@
         <li class="table-view-cell table-view-divider">Recommended movies</li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -52,7 +52,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -61,7 +61,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -70,7 +70,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -79,7 +79,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -88,7 +88,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -97,7 +97,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Argo's poster">
             <div class="media-body">
               Argo
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -106,7 +106,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Skyfall's poster">
             <div class="media-body">
               Skyfall: 007
               <p>Lorem ipsum dolor sit amet, consectetur.</p>
@@ -115,7 +115,7 @@
         </li>
         <li class="table-view-cell media">
           <a class="push-right" href="choose-theater.html" data-transition="slide-in">
-            <img class="media-object pull-left" src="http://placehold.it/64x64">
+            <img class="media-object pull-left" src="http://placehold.it/64x64" alt="Placeholder image for Wreck-it Ralph's poster">
             <div class="media-body">
               Wreck-it Ralph
               <p>Lorem ipsum dolor sit amet, consectetur.</p>

docs/index.html

@@ -8,6 +8,7 @@ title: Ratchet
   <div class="docs-header-content">
     <p class="docs-subtitle">Build mobile apps with simple HTML&#8218; CSS&#8218; and JS components.</p>
     <a data-ignore="push" href="https://github.com/twbs/ratchet/archive/v2.0.0.zip" class="btn btn-primary" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0']);">Download Ratchet</a>
+    <p>Currently v2.0.0</p>
   </div>
 
   {% include ad.html %}

docs/one.html

@@ -10,7 +10,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">
-    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><![endif]-->
     <link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
   </head>
   <body ontouchstart="">

docs/two.html

@@ -10,7 +10,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">
-    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <!--[if lt IE 9]><script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><![endif]-->
     <link rel="apple-touch-icon-precomposed" sizes="512x512" href="img/apple-touch-icon-512x512.png">
   </head>
   <body ontouchstart="">

js/push.js

@@ -22,7 +22,7 @@
     'slide-out' : 'slide-in',
     'fade'      : 'fade'
   };
-  
+
   var bars = {
     bartab             : '.bar-tab',
     barnav             : '.bar-nav',

package.json

@@ -3,7 +3,6 @@
   "description": "Build native apps with simple HTML, CSS, and JS components.",
   "version": "2.0.0",
   "keywords": [
-    "ratchet",
     "css",
     "ios",
     "native",
@@ -20,21 +19,20 @@
   "bugs": {
     "url": "https://github.com/twbs/ratchet/issues"
   },
-  "licenses": [
-    {
-      "type": "MIT",
-      "url": "http://www.opensource.org/licenses/MIT"
-    }
-  ],
+  "license": "MIT",
   "devDependencies": {
     "grunt": "~0.4.2",
     "grunt-contrib-concat": "~0.3.0",
     "grunt-contrib-copy": "~0.5.0",
+    "grunt-contrib-cssmin": "~0.8.0",
     "grunt-contrib-jshint": "~0.8.0",
     "grunt-contrib-nodeunit": "~0.3.0",
     "grunt-contrib-sass": "~0.7.1",
+    "grunt-contrib-uglify": "~0.3.0",
     "grunt-contrib-watch": "~0.5.3",
+    "grunt-html-validation": "~0.1.13",
     "grunt-jekyll": "~0.4.1",
+    "grunt-sed": "~0.1.1",
     "load-grunt-tasks": "~0.4.0"
   }
 }

sass/bars.scss

@@ -59,7 +59,7 @@
   display: block;
   width: 100%;
   padding: 0;
-  margin: 0 (-$bar-side-spacing); 
+  margin: 0 (-$bar-side-spacing);
   font-size: $font-size-default;
   font-weight: $font-weight;
   line-height: $bar-base-height;
@@ -131,10 +131,10 @@
   font-weight: $font-weight-light;
 
   // Give buttons that are floated left and right side margin
-  &.pull-right { 
-    margin-left: $bar-side-spacing; 
+  &.pull-right {
+    margin-left: $bar-side-spacing;
   }
-  &.pull-left { 
+  &.pull-left {
     margin-right: $bar-side-spacing;
   }
 }
@@ -202,7 +202,7 @@
     top: 3px;
     padding: 0;
   }
-  
+
   // Handle carets in the titles
   .title .icon {
     padding: 0;

sass/base.scss

@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 // Use box sizing on all the things!
-* { 
+* {
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
@@ -27,7 +27,7 @@ body {
 a {
   color: $primary-color;
   text-decoration: none;
-  -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers. 
+  -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers.
 
   &:active {
     color: darken($primary-color, 10%);

sass/buttons.scss

@@ -78,7 +78,7 @@
   }
 }
 
-// Outlined buttons 
+// Outlined buttons
 .btn-outlined {
   background-color: transparent;
 

sass/docs.scss

@@ -272,7 +272,7 @@ body {
   font-size: 14px;
 }
 
-// Docs modules 
+// Docs modules
 .docs-module {
   margin-top: 20px;
   padding: 20px;
@@ -354,6 +354,11 @@ body {
   }
 }
 
+// Style the GitHub buttons via CSS instead of inline attributes
+.github-btn {
+  border: 0;
+  overflow: hidden;
+}
 
 // Platform toggle
 // --------------------------------------------------
@@ -409,7 +414,6 @@ body {
     }
     .example {
       display: block;
-      padding: 4px;
       overflow: hidden;
       padding: 3px;
       width: 100%;
@@ -602,7 +606,7 @@ code {
   margin: 10px auto;
 }
 
-// Popovers 
+// Popovers
 #popoversInDevice {
   #iwindow:before {
     position: absolute;
@@ -667,7 +671,7 @@ hr {
 // Docs media queries
 // --------------------------------------------------
 
-// Tablet to desktop 
+// Tablet to desktop
 @media screen and (min-width: 768px) {
   .docs-header {
     min-height: 870px;
@@ -698,7 +702,7 @@ hr {
   .docs-header-content {
     top: 30%;
     @include transform(translateY(-50%));
-    
+
     .btn {
       display: inline-block;
     }
@@ -740,7 +744,7 @@ hr {
     cursor: pointer;
     @include transition(opacity .2 linear);
 
-    &:hover {   
+    &:hover {
       color: $primary-color;
     }
     &:active {
@@ -816,7 +820,7 @@ hr {
   // Social
   .docs-footer {
     .social .twitter-follow-button {
-      margin-top: 0px;
+      margin-top: 0;
     }
   }
 
@@ -831,7 +835,7 @@ hr {
     font-size: 18px;
   }
 
-  // Docs modules 
+  // Docs modules
   .docs-module {
     margin-top: 35px;
   }
@@ -999,7 +1003,7 @@ hr {
 .offset-1 { margin-left: 50%; }
 
 
-// Tablet to desktop 
+// Tablet to desktop
 // --------------------------------------------------
 
  @media screen and (min-width: 768px) {

sass/modals.scss

@@ -3,10 +3,10 @@
 // --------------------------------------------------
 
 .modal {
-  position: fixed; 
+  position: fixed;
   top: 0;
   opacity: 0;
-  z-index: 11; 
+  z-index: 11;
   width: 100%;
   min-height: 100%;
   overflow: hidden;

sass/normalize.scss

@@ -3,26 +3,26 @@
 // 1. Set default font family to sans-serif.
 // 2. Prevent iOS text size adjust after orientation change, without disabling
 //    user zoom.
- 
+
 
 html {
-  font-family: sans-serif; // 1 
-  -ms-text-size-adjust: 100%; // 2 
-  -webkit-text-size-adjust: 100%; // 2 
+  font-family: sans-serif; // 1
+  -ms-text-size-adjust: 100%; // 2
+  -webkit-text-size-adjust: 100%; // 2
 }
 
 // Remove default margin.
- 
+
 
 body {
   margin: 0;
 }
 
 // HTML5 display definitions
-// ========================================================================== 
+// ==========================================================================
 
 // Correct `block` display not defined in IE 8/9.
- 
+
 
 article,
 aside,
@@ -41,19 +41,19 @@ summary {
 
 // 1. Correct `inline-block` display not defined in IE 8/9.
 // 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- 
+
 
 audio,
 canvas,
 progress,
 video {
-  display: inline-block; // 1 
-  vertical-align: baseline; // 2 
+  display: inline-block; // 1
+  vertical-align: baseline; // 2
 }
 
 // Prevent modern browsers from displaying `audio` without controls.
 // Remove excess height in iOS 5 devices.
- 
+
 
 audio:not([controls]) {
   display: none;
@@ -62,7 +62,7 @@ audio:not([controls]) {
 
 // Address `[hidden]` styling not present in IE 8/9.
 // Hide the `template` element in IE, Safari, and Firefox < 22.
- 
+
 
 [hidden],
 template {
@@ -70,17 +70,17 @@ template {
 }
 
 // Links
-// ========================================================================== 
+// ==========================================================================
 
 // Remove the gray background color from active links in IE 10.
- 
+
 
 a {
   background: transparent;
 }
 
 // Improve readability when focused and also mouse hovered in all browsers.
- 
+
 
 a:active,
 a:hover {
@@ -88,17 +88,17 @@ a:hover {
 }
 
 // Text-level semantics
-// ========================================================================== 
+// ==========================================================================
 
 // Address styling not present in IE 8/9, Safari 5, and Chrome.
- 
+
 
 abbr[title] {
   border-bottom: 1px dotted;
 }
 
 // Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- 
+
 
 b,
 strong {
@@ -106,7 +106,7 @@ strong {
 }
 
 // Address styling not present in Safari 5 and Chrome.
- 
+
 
 dfn {
   font-style: italic;
@@ -114,7 +114,7 @@ dfn {
 
 // Address variable `h1` font-size and margin within `section` and `article`
 // contexts in Firefox 4+, Safari 5, and Chrome.
- 
+
 
 h1 {
   font-size: 2em;
@@ -122,7 +122,7 @@ h1 {
 }
 
 // Address styling not present in IE 8/9.
- 
+
 
 mark {
   background: #ff0;
@@ -130,14 +130,14 @@ mark {
 }
 
 // Address inconsistent and variable font size in all browsers.
- 
+
 
 small {
   font-size: 80%;
 }
 
 // Prevent `sub` and `sup` affecting `line-height` in all browsers.
- 
+
 
 sub,
 sup {
@@ -156,34 +156,34 @@ sub {
 }
 
 // Embedded content
-// ========================================================================== 
+// ==========================================================================
 
 // Remove border when inside `a` element in IE 8/9.
- 
+
 
 img {
   border: 0;
 }
 
 // Correct overflow displayed oddly in IE 9.
- 
+
 
 svg:not(:root) {
   overflow: hidden;
 }
 
 // Grouping content
-// ========================================================================== 
+// ==========================================================================
 
 // Address margin not present in IE 8/9 and Safari 5.
- 
+
 
 figure {
   margin: 1em 40px;
 }
 
 // Address differences between Firefox and other browsers.
- 
+
 
 hr {
   -moz-box-sizing: content-box;
@@ -192,14 +192,14 @@ hr {
 }
 
 // Contain overflow in all browsers.
- 
+
 
 pre {
   overflow: auto;
 }
 
 //  Address odd `em`-unit font size rendering in all browsers.
- 
+
 
 code,
 kbd,
@@ -210,30 +210,30 @@ samp {
 }
 
 // Forms
-// ========================================================================== 
+// ==========================================================================
 
 // Known limitation: by default, Chrome and Safari on OS X allow very limited
 // styling of `select`, unless a `border` property is set.
- 
+
 
 // 1. Correct color not being inherited.
 //    Known issue: affects color of disabled elements.
 // 2. Correct font properties not being inherited.
 // 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- 
+
 
 button,
 input,
 optgroup,
 select,
 textarea {
-  color: inherit; // 1 
-  font: inherit; // 2 
-  margin: 0; // 3 
+  color: inherit; // 1
+  font: inherit; // 2
+  margin: 0; // 3
 }
 
 // Address `overflow` set to `hidden` in IE 8/9/10.
- 
+
 
 button {
   overflow: visible;
@@ -243,7 +243,7 @@ button {
 // All other form control elements do not inherit `text-transform` values.
 // Correct `button` style inheritance in Firefox, IE 8+, and Opera
 // Correct `select` style inheritance in Firefox.
- 
+
 
 button,
 select {
@@ -255,18 +255,18 @@ select {
 // 2. Correct inability to style clickable `input` types in iOS.
 // 3. Improve usability and consistency of cursor style between image-type
 //    `input` and others.
- 
+
 
 button,
-html input[type="button"], // 1 
+html input[type="button"], // 1
 input[type="reset"],
 input[type="submit"] {
-  -webkit-appearance: button; // 2 
-  cursor: pointer; // 3 
+  -webkit-appearance: button; // 2
+  cursor: pointer; // 3
 }
 
 // Re-set default cursor for disabled elements.
- 
+
 
 button[disabled],
 html input[disabled] {
@@ -274,7 +274,7 @@ html input[disabled] {
 }
 
 // Remove inner padding and border in Firefox 4+.
- 
+
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
@@ -284,7 +284,7 @@ input::-moz-focus-inner {
 
 // Address Firefox 4+ setting `line-height` on `input` using `!important` in
 // the UA stylesheet.
- 
+
 
 input {
   line-height: normal;
@@ -295,18 +295,18 @@ input {
 //
 // 1. Address box sizing set to `content-box` in IE 8/9/10.
 // 2. Remove excess padding in IE 8/9/10.
- 
+
 
 input[type="checkbox"],
 input[type="radio"] {
-  box-sizing: border-box; // 1 
-  padding: 0; // 2 
+  box-sizing: border-box; // 1
+  padding: 0; // 2
 }
 
 // Fix the cursor style for Chrome's increment/decrement buttons. For certain
 // `font-size` values of the `input`, it causes the cursor style of the
 // decrement button to change from `default` to `text`.
- 
+
 
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
@@ -316,19 +316,19 @@ input[type="number"]::-webkit-outer-spin-button {
 // 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 // 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 //    (include `-moz` to future-proof).
- 
+
 
 input[type="search"] {
-  -webkit-appearance: textfield; // 1 
+  -webkit-appearance: textfield; // 1
   -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; // 2 
+  -webkit-box-sizing: content-box; // 2
   box-sizing: content-box;
 }
 
 // Remove inner padding and search cancel button in Safari and Chrome on OS X.
 // Safari (but not Chrome) clips the cancel button when the search input has
 // padding (and `textfield` appearance).
- 
+
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
@@ -336,7 +336,7 @@ input[type="search"]::-webkit-search-decoration {
 }
 
 // Define consistent border, margin, and padding.
- 
+
 
 fieldset {
   border: 1px solid #c0c0c0;
@@ -346,15 +346,15 @@ fieldset {
 
 // 1. Correct `color` not being inherited in IE 8/9.
 // 2. Remove padding so people aren't caught out if they zero out fieldsets.
- 
+
 
 legend {
-  border: 0; // 1 
-  padding: 0; // 2 
+  border: 0; // 1
+  padding: 0; // 2
 }
 
 // Remove default vertical scrollbar in IE 8/9.
- 
+
 
 textarea {
   overflow: auto;
@@ -362,17 +362,17 @@ textarea {
 
 // Don't inherit the `font-weight` (applied by a rule above).
 // NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- 
+
 
 optgroup {
   font-weight: bold;
 }
 
 // Tables
-// ========================================================================== 
+// ==========================================================================
 
 // Remove most spacing between table cells.
- 
+
 
 table {
   border-collapse: collapse;

sass/popovers.scss

@@ -63,7 +63,7 @@
 
 .popover .btn-block {
   margin-bottom: 5px;
-  
+
   // Remove extra margin on bottom of last button
   &:last-child {
     margin-bottom: 0;

sass/push.scss

@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 .content {
-  // Fade animation 
+  // Fade animation
   &.fade {
     left: 0;
     opacity: 0;

sass/sliders.scss

@@ -18,12 +18,12 @@
     font-size: 0; // Remove spaces from inline-block children
     white-space: nowrap;
     @include transition(all 0 linear);
-    
+
     // Individual slide
     .slide {
       display: inline-block;
       vertical-align: top; // Ensure that li always aligns to top
-      width: 100%; 
+      width: 100%;
       height: 100%;
       font-size: 14px;
     }

sass/table-views.scss

@@ -20,7 +20,7 @@
   border-bottom: $border-default;
 
   // Remove the border from the last table view item
-  &:last-child { 
+  &:last-child {
     border-bottom: 0;
   }
   // If it's a table view of links, make sure the child <a> takes up full table view item tap area (want to avoid selecting child buttons though)
@@ -49,7 +49,7 @@
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 15px;
-  margin-top: -1px; // Hides the border of the previous list item  
+  margin-top: -1px; // Hides the border of the previous list item
   margin-left: 0;
   color: #999;
   font-weight: $font-weight;

sass/theme-android.scss

@@ -51,7 +51,7 @@ body {
 // Universal link styling
 a {
   color: $primary-color;
-  
+
   &:active {
     color: darken($primary-color, 10%);
   }
@@ -142,7 +142,7 @@ a {
   }
 }
 
-// Outlined buttons 
+// Outlined buttons
 .btn-outlined {
   border: 1px solid $default-color;
   background-color: transparent;
@@ -288,7 +288,7 @@ a {
   }
 }
 
-// Left aligned text in the .bar-nav 
+// Left aligned text in the .bar-nav
 .title {
   position: static;
   padding-left: 15px;
@@ -328,7 +328,7 @@ a {
 }
 
 // Bars with segmented-controls
-// 
+//
 // Remove standard segmented bottom margin
 .bar .segmented-control {
   top: 7px;
@@ -370,7 +370,7 @@ a {
 }
 
 // Badge modifiers
-// 
+//
 // Main badge
 .badge-primary {
   color: #fff;
@@ -423,7 +423,7 @@ a {
 
   .table-view-cell {
     border-bottom: 1px solid #d9d9d9;
-  
+
     // Remove the border from the last table view item
     &:last-child {
       background-image: none;
@@ -571,7 +571,7 @@ textarea,
   .control-item {
     color: #fff;
     border-color: inherit;
-    
+
     &:active,
     &.active {
       color: #fff;
@@ -587,7 +587,7 @@ textarea,
   .control-item {
     color: #fff;
     border-color: inherit;
-    
+
     &:active,
     &.active {
       color: #fff;
@@ -623,7 +623,7 @@ textarea,
 
 // Remove the popover's backdrop
 .backdrop {
-  background-color: none;
+  background-color: transparent;
 }
 
 // Popovers with bars
@@ -653,7 +653,7 @@ textarea,
   border: 2px solid #d7d7d7;
   border-radius: 0;
   background-color: #d7d7d7;
-  
+
   // Sliding handle
   .toggle-handle {
     top: 0;
@@ -682,7 +682,7 @@ textarea,
       margin-right: 2px;
       background-color: $primary-color;
       border-color: $primary-color;
-      @include transform(translate3d(50px,0,0)); 
+      @include transform(translate3d(50px,0,0));
     }
     &:before {
       left: auto;
@@ -705,7 +705,7 @@ textarea,
 }
 
 
-// Ratchicons for Android 
+// Ratchicons for Android
 // --------------------------------------------------
 
 .icon-caret:before { content: '\e800'; }
@@ -715,7 +715,7 @@ textarea,
 .icon-left:before,
 .icon-left-nav:before { content: '\e803'; }
 .icon-more-vertical:before { content: '\e804'; }
-.icon-more:before { content: '\e805'; } 
+.icon-more:before { content: '\e805'; }
 .icon-right:before,
 .icon-right-nav:before { content: '\e806'; }
 .icon-search:before { content: '\e807'; }

sass/theme-ios.scss

@@ -50,12 +50,12 @@ a {
 // Typography
 // --------------------------------------------------
 
-.h5, h5, 
+.h5, h5,
 .h6, h6,
 p {
   color: #8f8f94;
 }
-.h5, h5, 
+.h5, h5,
 .h6, h6, {
   font-weight: normal;
   text-transform: uppercase;
@@ -124,7 +124,7 @@ p {
   }
 }
 
-// Outlined buttons 
+// Outlined buttons
 .btn-outlined {
   background-color: transparent;
 
@@ -227,7 +227,7 @@ p {
   // Link buttons in nav bars
   .btn-link {
     color: $primary-color;
-    
+
     &:active {
       color: $primary-color;
       opacity: .6;
@@ -306,7 +306,7 @@ p {
   .table-view-cell {
     border-bottom: 0;
     @include hairline(single, #c8c7cc, 15px); // Single grey border with 15px offset.
-  
+
     // Remove the border from the last table view item
     &:last-child {
       background-image: none;
@@ -426,7 +426,7 @@ textarea,
   .control-item {
     color: $primary-color;
     border-color: inherit;
-    
+
     &:active {
       background-color: lighten($primary-color, 35%);
     }
@@ -546,7 +546,7 @@ textarea,
     @include box-shadow(inset 0 0 0 13px $positive-color);
 
     .toggle-handle {
-      @include transform(translate3d(17px,0,0)); 
+      @include transform(translate3d(17px,0,0));
     }
 
     .toggle-handle {
@@ -559,7 +559,7 @@ textarea,
 // Push styles
 // --------------------------------------------------
 .content {
-  // Fade animation 
+  // Fade animation
   &.fade {
     @include transition(opacity .2s ease-in-out);
   }

sass/toggles.scss

@@ -46,7 +46,7 @@
 
     .toggle-handle {
       border-color: $positive-color;
-      @include transform(translate3d(44px,0,0)); 
+      @include transform(translate3d(44px,0,0));
     }
     &:before {
       right: auto;