publish 2.0.2 docs

LICENSE

@@ -1,20 +1,319 @@
-The MIT License (MIT)
+Creative Commons Legal Code
-
+
-Copyright (c) 2014 connors and other contributors
+Attribution 3.0 Unported
-
+
-Permission is hereby granted, free of charge, to any person obtaining a copy of
+    CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
-this software and associated documentation files (the "Software"), to deal in
+    LEGAL SERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN
-the Software without restriction, including without limitation the rights to
+    ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
-use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+    INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
-the Software, and to permit persons to whom the Software is furnished to do so,
+    REGARDING THE INFORMATION PROVIDED, AND DISCLAIMS LIABILITY FOR
-subject to the following conditions:
+    DAMAGES RESULTING FROM ITS USE.
-
+
-The above copyright notice and this permission notice shall be included in all
+License
-copies or substantial portions of the Software.
+
-
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS
-FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
-COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+
-IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE
-CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY
+BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS
+CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND
+CONDITIONS.
+
+1. Definitions
+
+ a. "Adaptation" means a work based upon the Work, or upon the Work and
+    other pre-existing works, such as a translation, adaptation,
+    derivative work, arrangement of music or other alterations of a
+    literary or artistic work, or phonogram or performance and includes
+    cinematographic adaptations or any other form in which the Work may be
+    recast, transformed, or adapted including in any form recognizably
+    derived from the original, except that a work that constitutes a
+    Collection will not be considered an Adaptation for the purpose of
+    this License. For the avoidance of doubt, where the Work is a musical
+    work, performance or phonogram, the synchronization of the Work in
+    timed-relation with a moving image ("synching") will be considered an
+    Adaptation for the purpose of this License.
+ b. "Collection" means a collection of literary or artistic works, such as
+    encyclopedias and anthologies, or performances, phonograms or
+    broadcasts, or other works or subject matter other than works listed
+    in Section 1(f) below, which, by reason of the selection and
+    arrangement of their contents, constitute intellectual creations, in
+    which the Work is included in its entirety in unmodified form along
+    with one or more other contributions, each constituting separate and
+    independent works in themselves, which together are assembled into a
+    collective whole. A work that constitutes a Collection will not be
+    considered an Adaptation (as defined above) for the purposes of this
+    License.
+ c. "Distribute" means to make available to the public the original and
+    copies of the Work or Adaptation, as appropriate, through sale or
+    other transfer of ownership.
+ d. "Licensor" means the individual, individuals, entity or entities that
+    offer(s) the Work under the terms of this License.
+ e. "Original Author" means, in the case of a literary or artistic work,
+    the individual, individuals, entity or entities who created the Work
+    or if no individual or entity can be identified, the publisher; and in
+    addition (i) in the case of a performance the actors, singers,
+    musicians, dancers, and other persons who act, sing, deliver, declaim,
+    play in, interpret or otherwise perform literary or artistic works or
+    expressions of folklore; (ii) in the case of a phonogram the producer
+    being the person or legal entity who first fixes the sounds of a
+    performance or other sounds; and, (iii) in the case of broadcasts, the
+    organization that transmits the broadcast.
+ f. "Work" means the literary and/or artistic work offered under the terms
+    of this License including without limitation any production in the
+    literary, scientific and artistic domain, whatever may be the mode or
+    form of its expression including digital form, such as a book,
+    pamphlet and other writing; a lecture, address, sermon or other work
+    of the same nature; a dramatic or dramatico-musical work; a
+    choreographic work or entertainment in dumb show; a musical
+    composition with or without words; a cinematographic work to which are
+    assimilated works expressed by a process analogous to cinematography;
+    a work of drawing, painting, architecture, sculpture, engraving or
+    lithography; a photographic work to which are assimilated works
+    expressed by a process analogous to photography; a work of applied
+    art; an illustration, map, plan, sketch or three-dimensional work
+    relative to geography, topography, architecture or science; a
+    performance; a broadcast; a phonogram; a compilation of data to the
+    extent it is protected as a copyrightable work; or a work performed by
+    a variety or circus performer to the extent it is not otherwise
+    considered a literary or artistic work.
+ g. "You" means an individual or entity exercising rights under this
+    License who has not previously violated the terms of this License with
+    respect to the Work, or who has received express permission from the
+    Licensor to exercise rights under this License despite a previous
+    violation.
+ h. "Publicly Perform" means to perform public recitations of the Work and
+    to communicate to the public those public recitations, by any means or
+    process, including by wire or wireless means or public digital
+    performances; to make available to the public Works in such a way that
+    members of the public may access these Works from a place and at a
+    place individually chosen by them; to perform the Work to the public
+    by any means or process and the communication to the public of the
+    performances of the Work, including by public digital performance; to
+    broadcast and rebroadcast the Work by any means including signs,
+    sounds or images.
+ i. "Reproduce" means to make copies of the Work by any means including
+    without limitation by sound or visual recordings and the right of
+    fixation and reproducing fixations of the Work, including storage of a
+    protected performance or phonogram in digital form or other electronic
+    medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce,
+limit, or restrict any uses free from copyright or rights arising from
+limitations or exceptions that are provided for in connection with the
+copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License,
+Licensor hereby grants You a worldwide, royalty-free, non-exclusive,
+perpetual (for the duration of the applicable copyright) license to
+exercise the rights in the Work as stated below:
+
+ a. to Reproduce the Work, to incorporate the Work into one or more
+    Collections, and to Reproduce the Work as incorporated in the
+    Collections;
+ b. to create and Reproduce Adaptations provided that any such Adaptation,
+    including any translation in any medium, takes reasonable steps to
+    clearly label, demarcate or otherwise identify that changes were made
+    to the original Work. For example, a translation could be marked "The
+    original work was translated from English to Spanish," or a
+    modification could indicate "The original work has been modified.";
+ c. to Distribute and Publicly Perform the Work including as incorporated
+    in Collections; and,
+ d. to Distribute and Publicly Perform Adaptations.
+ e. For the avoidance of doubt:
+
+     i. Non-waivable Compulsory License Schemes. In those jurisdictions in
+        which the right to collect royalties through any statutory or
+        compulsory licensing scheme cannot be waived, the Licensor
+        reserves the exclusive right to collect such royalties for any
+        exercise by You of the rights granted under this License;
+    ii. Waivable Compulsory License Schemes. In those jurisdictions in
+        which the right to collect royalties through any statutory or
+        compulsory licensing scheme can be waived, the Licensor waives the
+        exclusive right to collect such royalties for any exercise by You
+        of the rights granted under this License; and,
+   iii. Voluntary License Schemes. The Licensor waives the right to
+        collect royalties, whether individually or, in the event that the
+        Licensor is a member of a collecting society that administers
+        voluntary licensing schemes, via that society, from any exercise
+        by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now
+known or hereafter devised. The above rights include the right to make
+such modifications as are technically necessary to exercise the rights in
+other media and formats. Subject to Section 8(f), all rights not expressly
+granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made
+subject to and limited by the following restrictions:
+
+ a. You may Distribute or Publicly Perform the Work only under the terms
+    of this License. You must include a copy of, or the Uniform Resource
+    Identifier (URI) for, this License with every copy of the Work You
+    Distribute or Publicly Perform. You may not offer or impose any terms
+    on the Work that restrict the terms of this License or the ability of
+    the recipient of the Work to exercise the rights granted to that
+    recipient under the terms of the License. You may not sublicense the
+    Work. You must keep intact all notices that refer to this License and
+    to the disclaimer of warranties with every copy of the Work You
+    Distribute or Publicly Perform. When You Distribute or Publicly
+    Perform the Work, You may not impose any effective technological
+    measures on the Work that restrict the ability of a recipient of the
+    Work from You to exercise the rights granted to that recipient under
+    the terms of the License. This Section 4(a) applies to the Work as
+    incorporated in a Collection, but this does not require the Collection
+    apart from the Work itself to be made subject to the terms of this
+    License. If You create a Collection, upon notice from any Licensor You
+    must, to the extent practicable, remove from the Collection any credit
+    as required by Section 4(b), as requested. If You create an
+    Adaptation, upon notice from any Licensor You must, to the extent
+    practicable, remove from the Adaptation any credit as required by
+    Section 4(b), as requested.
+ b. If You Distribute, or Publicly Perform the Work or any Adaptations or
+    Collections, You must, unless a request has been made pursuant to
+    Section 4(a), keep intact all copyright notices for the Work and
+    provide, reasonable to the medium or means You are utilizing: (i) the
+    name of the Original Author (or pseudonym, if applicable) if supplied,
+    and/or if the Original Author and/or Licensor designate another party
+    or parties (e.g., a sponsor institute, publishing entity, journal) for
+    attribution ("Attribution Parties") in Licensor's copyright notice,
+    terms of service or by other reasonable means, the name of such party
+    or parties; (ii) the title of the Work if supplied; (iii) to the
+    extent reasonably practicable, the URI, if any, that Licensor
+    specifies to be associated with the Work, unless such URI does not
+    refer to the copyright notice or licensing information for the Work;
+    and (iv) , consistent with Section 3(b), in the case of an Adaptation,
+    a credit identifying the use of the Work in the Adaptation (e.g.,
+    "French translation of the Work by Original Author," or "Screenplay
+    based on original Work by Original Author"). The credit required by
+    this Section 4 (b) may be implemented in any reasonable manner;
+    provided, however, that in the case of a Adaptation or Collection, at
+    a minimum such credit will appear, if a credit for all contributing
+    authors of the Adaptation or Collection appears, then as part of these
+    credits and in a manner at least as prominent as the credits for the
+    other contributing authors. For the avoidance of doubt, You may only
+    use the credit required by this Section for the purpose of attribution
+    in the manner set out above and, by exercising Your rights under this
+    License, You may not implicitly or explicitly assert or imply any
+    connection with, sponsorship or endorsement by the Original Author,
+    Licensor and/or Attribution Parties, as appropriate, of You or Your
+    use of the Work, without the separate, express prior written
+    permission of the Original Author, Licensor and/or Attribution
+    Parties.
+ c. Except as otherwise agreed in writing by the Licensor or as may be
+    otherwise permitted by applicable law, if You Reproduce, Distribute or
+    Publicly Perform the Work either by itself or as part of any
+    Adaptations or Collections, You must not distort, mutilate, modify or
+    take other derogatory action in relation to the Work which would be
+    prejudicial to the Original Author's honor or reputation. Licensor
+    agrees that in those jurisdictions (e.g. Japan), in which any exercise
+    of the right granted in Section 3(b) of this License (the right to
+    make Adaptations) would be deemed to be a distortion, mutilation,
+    modification or other derogatory action prejudicial to the Original
+    Author's honor and reputation, the Licensor will waive or not assert,
+    as appropriate, this Section, to the fullest extent permitted by the
+    applicable national law, to enable You to reasonably exercise Your
+    right under Section 3(b) of this License (right to make Adaptations)
+    but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR
+OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY
+KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,
+INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,
+FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF
+LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,
+WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION
+OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE
+LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR
+ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES
+ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS
+BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ a. This License and the rights granted hereunder will terminate
+    automatically upon any breach by You of the terms of this License.
+    Individuals or entities who have received Adaptations or Collections
+    from You under this License, however, will not have their licenses
+    terminated provided such individuals or entities remain in full
+    compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will
+    survive any termination of this License.
+ b. Subject to the above terms and conditions, the license granted here is
+    perpetual (for the duration of the applicable copyright in the Work).
+    Notwithstanding the above, Licensor reserves the right to release the
+    Work under different license terms or to stop distributing the Work at
+    any time; provided, however that any such election will not serve to
+    withdraw this License (or any other license that has been, or is
+    required to be, granted under the terms of this License), and this
+    License will continue in full force and effect unless terminated as
+    stated above.
+
+8. Miscellaneous
+
+ a. Each time You Distribute or Publicly Perform the Work or a Collection,
+    the Licensor offers to the recipient a license to the Work on the same
+    terms and conditions as the license granted to You under this License.
+ b. Each time You Distribute or Publicly Perform an Adaptation, Licensor
+    offers to the recipient a license to the original Work on the same
+    terms and conditions as the license granted to You under this License.
+ c. If any provision of this License is invalid or unenforceable under
+    applicable law, it shall not affect the validity or enforceability of
+    the remainder of the terms of this License, and without further action
+    by the parties to this agreement, such provision shall be reformed to
+    the minimum extent necessary to make such provision valid and
+    enforceable.
+ d. No term or provision of this License shall be deemed waived and no
+    breach consented to unless such waiver or consent shall be in writing
+    and signed by the party to be charged with such waiver or consent.
+ e. This License constitutes the entire agreement between the parties with
+    respect to the Work licensed here. There are no understandings,
+    agreements or representations with respect to the Work not specified
+    here. Licensor shall not be bound by any additional provisions that
+    may appear in any communication from You. This License may not be
+    modified without the mutual written agreement of the Licensor and You.
+ f. The rights granted under, and the subject matter referenced, in this
+    License were drafted utilizing the terminology of the Berne Convention
+    for the Protection of Literary and Artistic Works (as amended on
+    September 28, 1979), the Rome Convention of 1961, the WIPO Copyright
+    Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996
+    and the Universal Copyright Convention (as revised on July 24, 1971).
+    These rights and subject matter take effect in the relevant
+    jurisdiction in which the License terms are sought to be enforced
+    according to the corresponding provisions of the implementation of
+    those treaty provisions in the applicable national law. If the
+    standard suite of rights granted under applicable copyright law
+    includes additional rights not granted under this License, such
+    additional rights are deemed to be included in the License; this
+    License is not intended to restrict the license of any rights under
+    applicable law.
+
+
+Creative Commons Notice
+
+    Creative Commons is not a party to this License, and makes no warranty
+    whatsoever in connection with the Work. Creative Commons will not be
+    liable to You or any party on any legal theory for any damages
+    whatsoever, including without limitation any general, special,
+    incidental or consequential damages arising in connection to this
+    license. Notwithstanding the foregoing two (2) sentences, if Creative
+    Commons has expressly identified itself as the Licensor hereunder, it
+    shall have all rights and obligations of Licensor.
+
+    Except for the limited purpose of indicating to the public that the
+    Work is licensed under the CCPL, Creative Commons does not authorize
+    the use by either party of the trademark "Creative Commons" or any
+    related trademark or logo of Creative Commons without the prior
+    written consent of Creative Commons. Any permitted use will be in
+    compliance with Creative Commons' then-current trademark usage
+    guidelines, as may be published on its website or otherwise made
+    available upon request from time to time. For the avoidance of doubt,
+    this trademark restriction does not form part of this License.
+
+    Creative Commons may be contacted at http://creativecommons.org/.

about/index.html

@@ -4,15 +4,15 @@
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>About &middot; Ratchet</title>
-<meta name="description" content="Ratchet: Prototype mobile apps with simple HTML, CSS, and JS components.">
+<meta name="description" content="Ratchet: Build mobile apps with simple HTML, CSS, and JS components.">
 <meta name="author" content="Connor Sears">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-<link rel="shortcut icon" href="/favicon.ico">
+<link rel="icon" href="/favicon.ico">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <!-- Google Web Fonts -->
-<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:300">
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700%7COpen+Sans:400,300">
 
 <link rel="stylesheet" href="/dist/css/ratchet.min.css">
 <link rel="stylesheet" href="/assets/css/docs.min.css">
@@ -130,14 +130,14 @@
       <div class="docs-module">
   <h4 class="docs-module-title">Ratchet</h4>
   <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p>
-  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.1/ratchet-2.0.1-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1-dist']);">Download Ratchet</a>
+  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.2/ratchet-2.0.2-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2-dist']);">Download Ratchet</a>
-  <p class="version">Currently v2.0.1</p>
+  <p class="version">Currently v2.0.2</p>
 </div>
 
 <div class="docs-module">
   <h4 class="docs-module-title">Source code</h4>
   <p>If you haven't already, download the source code for Ratchet.</p>
-  <a href="https://github.com/twbs/ratchet/archive/v2.0.1.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1']);">Download source</a>
+  <a href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download source</a>
 </div>
 
     </div>
@@ -162,7 +162,7 @@
   <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 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.1</li>
+    <li>Currently v2.0.2</li>
     <li>&middot;</li>
     <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li>
     <li>&middot;</li>

assets/js/docs.js

@@ -43,10 +43,10 @@ $(function() {
     toolbarToggle          = $('.js-docs-component-toolbar');
 
     // Device placement
-    if (windowWidth >= 768) {
+    if (windowWidth >= 768 && device.offset()) {
       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();
@@ -129,9 +129,14 @@ $(function() {
     var contentSectionItem;
     var currentTop = win.scrollTop();
 
-    if((device.initialTop - currentTop) <= device.dockingOffset) {
+    // exit if no device
+    if (!device.length) {
+      return;
+    }
+
+    if ((device.initialTop - currentTop) <= device.dockingOffset) {
       device[0].className = 'device device-fixed';
-      device.css({top: device.dockingOffset});
+      device.css({ top: device.dockingOffset });
     } else {
       device[0].className = 'device';
       device[0].setAttribute('style','');
@@ -170,7 +175,7 @@ $(function() {
     var currentTop   = win.scrollTop();
     var headerHeight = $('.docs-sub-header').outerHeight();
 
-    if(currentTop >= headerHeight) {
+    if (currentTop >= headerHeight) {
       toolbarToggle.addClass('visible');
     } else if (currentTop <= headerHeight) {
       toolbarToggle.removeClass('visible');
@@ -179,5 +184,7 @@ $(function() {
   };
 
   $(window).on('load resize', initialize);
-  $(window).on('load', function () { new FingerBlast('.device-content'); });
+  $(window).on('load', function () {
+    window.FingerBlast && (new FingerBlast('.device-content'));
+  });
 });

assets/js/fingerblast.js

@@ -5,14 +5,19 @@
 /* jshint bitwise: false */
 /* global GLOBAL: true */
 
-function FingerBlast(element) {
+(function () {
+
   'use strict';
 
+  function FingerBlast(element) {
     this.element = typeof element === 'string' ? document.querySelector(element) : element;
+
+    if (this.element) {
       this.listen();
-}
+    }
+  }
 
-FingerBlast.prototype = {
+  FingerBlast.prototype = {
     x: NaN,
     y: NaN,
 
@@ -22,13 +27,18 @@ FingerBlast.prototype = {
     mouseIsDown: false,
 
     listen: function () {
-    'use strict';
-
       var activate = this.activate.bind(this);
       var deactivate = this.deactivate.bind(this);
 
       function contains (element, ancestor) {
-      var descendants, index, descendant;
+        var descendants;
+        var index;
+        var descendant;
+
+        if (!element) {
+          return;
+        }
+
         if ('compareDocumentPosition' in ancestor) {
           return !!(ancestor.compareDocumentPosition(element) & 16);
         } else if ('contains' in ancestor) {
@@ -59,8 +69,6 @@ FingerBlast.prototype = {
     },
 
     activate: function () {
-    'use strict';
-
       if (this.active) {
         return;
       }
@@ -72,8 +80,6 @@ FingerBlast.prototype = {
     },
 
     deactivate: function (e) {
-    'use strict';
-
       this.active = false;
       if (this.mouseIsDown) {
         this.touchEnd(e);
@@ -85,8 +91,6 @@ FingerBlast.prototype = {
     },
 
     click: function (e) {
-    'use strict';
-
       if (e.synthetic) {
         return;
       }
@@ -95,8 +99,6 @@ FingerBlast.prototype = {
     },
 
     touchStart: function (e) {
-    'use strict';
-
       if (e.synthetic || /input|textarea/.test(e.target.tagName.toLowerCase())) {
         return;
       }
@@ -110,8 +112,6 @@ FingerBlast.prototype = {
     },
 
     touchMove: function (e) {
-    'use strict';
-
       if (e.synthetic) {
         return;
       }
@@ -127,8 +127,6 @@ FingerBlast.prototype = {
     },
 
     touchEnd: function (e) {
-    'use strict';
-
       if (e.synthetic) {
         return;
       }
@@ -151,8 +149,6 @@ FingerBlast.prototype = {
     },
 
     fireTouchEvents: function (eventName, originalEvent) {
-    'use strict';
-
       var events   = [];
       var gestures = [];
 
@@ -235,18 +231,22 @@ FingerBlast.prototype = {
     },
 
     createMouseEvent: function (eventName, originalEvent) {
-    'use strict';
+      var e = new MouseEvent(eventName, {
-
+        view       : window,
-    var e = document.createEvent('MouseEvent');
+        detail     : originalEvent.detail,
-
+        bubbles    : true,
-    e.initMouseEvent(eventName, true, true,
+        cancelable : true,
-      originalEvent.view, originalEvent.detail,
+        target     : this.target || originalEvent.relatedTarget,
-      this.x || originalEvent.screenX, this.y || originalEvent.screenY,
+        clientX    : this.x || originalEvent.clientX,
-      this.x || originalEvent.clientX, this.y || originalEvent.clientY,
+        clientY    : this.y || originalEvent.clientY,
-      originalEvent.ctrlKey, originalEvent.shiftKey,
+        screenX    : this.x || originalEvent.screenX,
-      originalEvent.altKey, originalEvent.metaKey,
+        screenY    : this.y || originalEvent.screenY,
-      originalEvent.button, this.target || originalEvent.relatedTarget
+        ctrlKey    : originalEvent.ctrlKey,
-    );
+        shiftKey   : originalEvent.shiftKey,
+        altKey     : originalEvent.altKey,
+        metaKey    : originalEvent.metaKey,
+        button     : originalEvent.button
+      });
 
       e.synthetic = true;
       e._finger   = this;
@@ -255,8 +255,6 @@ FingerBlast.prototype = {
     },
 
     move: function (x, y) {
-    'use strict';
-
       if (isNaN(x) || isNaN(y)) {
         this.target = null;
       } else {
@@ -268,4 +266,8 @@ FingerBlast.prototype = {
         }
       }
     }
-};
+  };
+
+  window.FingerBlast = FingerBlast;
+
+}());

components/index.html

@@ -4,15 +4,15 @@
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Components &middot; Ratchet</title>
-<meta name="description" content="Ratchet: Prototype mobile apps with simple HTML, CSS, and JS components.">
+<meta name="description" content="Ratchet: Build mobile apps with simple HTML, CSS, and JS components.">
 <meta name="author" content="Connor Sears">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-<link rel="shortcut icon" href="/favicon.ico">
+<link rel="icon" href="/favicon.ico">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <!-- Google Web Fonts -->
-<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:300">
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700%7COpen+Sans:400,300">
 
 <link rel="stylesheet" href="/dist/css/ratchet.min.css">
 <link rel="stylesheet" href="/assets/css/docs.min.css">
@@ -1285,7 +1285,7 @@
           <div class="card">
             <ul class="table-view">
               <li class="table-view-cell">
-                <a class="navigate-right" href="../two.html" data-transition="slide-in">
+                <a class="navigate-right" href="/two.html" data-transition="slide-in">
                   Load new page with push
                 </a>
               </li>
@@ -1331,74 +1331,114 @@
 
       <div class="component-example">
         <div class="content-padded">
-          <span class="icon icon-home"></span>
+        
-          <span class="icon icon-person"></span>
+          <span class="icon icon-back"></span>
+        
           <span class="icon icon-bars"></span>
+        
           <span class="icon icon-caret"></span>
+        
           <span class="icon icon-check"></span>
+        
           <span class="icon icon-close"></span>
+        
           <span class="icon icon-code"></span>
+        
           <span class="icon icon-compose"></span>
+        
+          <span class="icon icon-download"></span>
+        
           <span class="icon icon-edit"></span>
+        
+          <span class="icon icon-forward"></span>
+        
           <span class="icon icon-gear"></span>
+        
+          <span class="icon icon-home"></span>
+        
           <span class="icon icon-info"></span>
+        
           <span class="icon icon-list"></span>
-          <span class="icon icon-more"></span>
+        
           <span class="icon icon-more-vertical"></span>
+        
+          <span class="icon icon-more"></span>
+        
           <span class="icon icon-pages"></span>
-          <span class="icon icon-play"></span>
+        
           <span class="icon icon-pause"></span>
-          <span class="icon icon-stop"></span>
+        
-          <span class="icon icon-back"></span>
+          <span class="icon icon-person"></span>
-          <span class="icon icon-forward"></span>
+        
+          <span class="icon icon-play"></span>
+        
           <span class="icon icon-plus"></span>
+        
           <span class="icon icon-refresh"></span>
+        
           <span class="icon icon-search"></span>
-          <span class="icon icon-download"></span>
+        
           <span class="icon icon-share"></span>
+        
           <span class="icon icon-sound"></span>
+        
           <span class="icon icon-sound2"></span>
+        
           <span class="icon icon-sound3"></span>
+        
           <span class="icon icon-sound4"></span>
+        
           <span class="icon icon-star-filled"></span>
+        
           <span class="icon icon-star"></span>
+        
+          <span class="icon icon-stop"></span>
+        
           <span class="icon icon-trash"></span>
+        
+          <span class="icon icon-up-nav"></span>
+        
+          <span class="icon icon-up"></span>
+        
+          <span class="icon icon-right-nav"></span>
+        
+          <span class="icon icon-right"></span>
+        
           <span class="icon icon-down-nav"></span>
+        
           <span class="icon icon-down"></span>
+        
           <span class="icon icon-left-nav"></span>
+        
           <span class="icon icon-left"></span>
-          <span class="icon icon-right-nav"></span>
+        
-          <span class="icon icon-right"></span>
-          <span class="icon icon-up-nav"></span>
-          <span class="icon icon-up"></span>
         </div>
       </div>
 
 <div class="highlight"><pre><code class="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;content-padded&quot;</span><span class="nt">&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-home&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-back&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-person&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-bars&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-caret&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-check&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-close&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-code&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-compose&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-download&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-edit&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-forward&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-gear&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-home&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-info&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-list&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-more&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-more-vertical&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-more&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-pages&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-play&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-pause&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-stop&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-person&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-back&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-play&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-forward&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-plus&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-refresh&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-search&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-download&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-share&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-sound&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-sound2&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
@@ -1406,15 +1446,16 @@
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-sound4&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-star-filled&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-star&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-stop&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-trash&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-up-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-up&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-right-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
+  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-right&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-down-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-down&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-left-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
   <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-left&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-right-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-right&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-up-nav&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
-  <span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;icon icon-up&quot;</span><span class="nt">&gt;&lt;/span&gt;</span>
 <span class="nt">&lt;/div&gt;</span>
 </code></pre></div>
 
@@ -1438,7 +1479,7 @@
   <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 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.1</li>
+    <li>Currently v2.0.2</li>
     <li>&middot;</li>
     <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li>
     <li>&middot;</li>

dist/css/ratchet-theme-android.css

@@ -1,10 +1,10 @@
 /*!
  * =====================================================
- * Ratchet v2.0.1 (http://goratchet.com)
+ * Ratchet v2.0.2 (http://goratchet.com)
  * Copyright 2014 Connor Sears
- * Licensed under MIT.
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
  *
- * v2.0.1 designed by @connors.
+ * v2.0.2 designed by @connors.
  * =====================================================
  */
 
@@ -12,7 +12,7 @@ body {
   font-family: "Roboto", sans-serif;
   font-size: 18px;
   line-height: 22px;
-  color: #222222;
+  color: #222;
 }
 
 a {
@@ -50,87 +50,87 @@ a:active {
 .btn {
   padding: 8px 15px;
   font-size: 14px;
-  color: #222222;
+  color: #222;
   background-color: #cecece;
   border: 0;
   border-radius: 2px;
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
-  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.25);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 1px rgba(0, 0, 0, .25);
 }
 .btn:active, .btn.active {
-  color: #222222;
+  color: #222;
+  background-color: #999;
   border: 0;
-  background-color: #999999;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
-  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
 }
 
 .btn-primary {
   color: #fff;
-  border: 0;
   background-color: #33b5e5;
+  border: 0;
 }
 .btn-primary:active, .btn-primary.active {
   color: #fff;
-  border: 0;
   background-color: #1a9bcb;
+  border: 0;
 }
 
 .btn-positive {
   color: #fff;
+  background-color: #9c0;
   border: 0;
-  background-color: #99cc00;
 }
 .btn-positive:active, .btn-positive.active {
   color: #fff;
-  border: 0;
   background-color: #739900;
+  border: 0;
 }
 
 .btn-negative {
   color: #fff;
+  background-color: #f44;
   border: 0;
-  background-color: #ff4444;
 }
 .btn-negative:active, .btn-negative.active {
   color: #fff;
+  background-color: #f11;
   border: 0;
-  background-color: #ff1111;
 }
 
 .btn-outlined {
-  border: 1px solid #999999;
   background-color: transparent;
+  border: 1px solid #999;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .btn-outlined.btn-primary {
-  border: 1px solid #33b5e5;
   color: #33b5e5;
+  border: 1px solid #33b5e5;
 }
 .btn-outlined.btn-primary:active {
-  border: 1px solid #33b5e5;
   background-color: #33b5e5;
+  border: 1px solid #33b5e5;
 }
 .btn-outlined.btn-positive {
-  border: 1px solid #99cc00;
+  color: #9c0;
-  color: #99cc00;
+  border: 1px solid #9c0;
 }
 .btn-outlined.btn-positive:active {
-  border: 1px solid #99cc00;
+  background-color: #9c0;
-  background-color: #99cc00;
+  border: 1px solid #9c0;
 }
 .btn-outlined.btn-negative {
-  border: 1px solid #ff4444;
+  color: #f44;
-  color: #ff4444;
+  border: 1px solid #f44;
 }
 .btn-outlined.btn-negative:active {
-  border: 1px solid #ff4444;
+  background-color: #f44;
-  background-color: #ff4444;
+  border: 1px solid #f44;
 }
 .btn-outlined:active {
-  border: 1px solid #999999;
+  background-color: #999;
-  background-color: #999999;
+  border: 1px solid #999;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -160,7 +160,7 @@ a:active {
 }
 
 .btn .badge {
-  background-color: rgba(0, 0, 0, 0.15);
+  background-color: rgba(0, 0, 0, .15);
 }
 .btn .badge.badge-inverted {
   background-color: transparent;
@@ -171,10 +171,10 @@ a:active {
 
 .bar {
   height: 50px;
-  background-color: #dddddd;
+  background-color: #ddd;
   border-bottom: 1px solid #b1b1b1;
-  -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07);
+  -webkit-box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
-  box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, 0.07);
+          box-shadow: inset 0 -2px 0 #d2d2d2, 0 3px 3px rgba(0, 0, 0, .07);
 }
 .bar.bar-header-secondary {
   top: 50px;
@@ -188,8 +188,8 @@ a:active {
 .bar .bar-footer,
 .bar .bar-footer-secondary,
 .bar .bar-footer-secondary-tab {
-  border-bottom: 0;
   border-top: 1px solid #b1b1b1;
+  border-bottom: 0;
   -webkit-box-shadow: inset 0 -2px 0 #33b5e5;
           box-shadow: inset 0 -2px 0 #33b5e5;
 }
@@ -234,9 +234,9 @@ a:active {
 .bar .btn-link {
   top: 0;
   padding: 0;
-  color: #33b5e5;
   font-size: 18px;
   line-height: 49px;
+  color: #33b5e5;
 }
 .bar .btn-link:active, .bar .btn-link.active {
   color: #1a9bcb;
@@ -270,7 +270,7 @@ a:active {
 }
 
 .badge.badge-inverted {
-  color: #999999;
+  color: #999;
   background-color: transparent;
 }
 
@@ -285,26 +285,26 @@ a:active {
 
 .badge-positive {
   color: #fff;
-  background-color: #99cc00;
+  background-color: #9c0;
 }
 .badge-positive.badge-inverted {
-  color: #99cc00;
+  color: #9c0;
   background-color: transparent;
 }
 
 .badge-negative {
   color: #fff;
-  background-color: #ff4444;
+  background-color: #f44;
 }
 .badge-negative.badge-inverted {
-  color: #ff4444;
+  color: #f44;
   background-color: transparent;
 }
 
 .card {
+  background-color: transparent;
   border-color: #d9d9d9;
   border-radius: 2px;
-  background-color: transparent;
 }
 
 .table-view {
@@ -317,6 +317,7 @@ a:active {
   background-image: none;
 }
 .table-view .table-view-cell > a:not(.btn):active {
+  color: inherit;
   background-color: #e0e0e0;
 }
 .table-view .table-view-cell > a:not(.btn):active .icon {
@@ -327,9 +328,36 @@ a:active {
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
+  background-color: transparent;
   border-top: 0;
   border-bottom: 2px solid #a9a9a9;
-  background-color: transparent;
+}
+
+.table-view-cell .navigate-left > .btn,
+.table-view-cell .navigate-left > .badge,
+.table-view-cell .navigate-left > .toggle,
+.table-view-cell .navigate-right > .btn,
+.table-view-cell .navigate-right > .badge,
+.table-view-cell .navigate-right > .toggle,
+.table-view-cell .push-left > .btn,
+.table-view-cell .push-left > .badge,
+.table-view-cell .push-left > .toggle,
+.table-view-cell .push-right > .btn,
+.table-view-cell .push-right > .badge,
+.table-view-cell .push-right > .toggle,
+.table-view-cell > a .navigate-left > .btn,
+.table-view-cell > a .navigate-left > .badge,
+.table-view-cell > a .navigate-left > .toggle,
+.table-view-cell > a .navigate-right > .btn,
+.table-view-cell > a .navigate-right > .badge,
+.table-view-cell > a .navigate-right > .toggle,
+.table-view-cell > a .push-left > .btn,
+.table-view-cell > a .push-left > .badge,
+.table-view-cell > a .push-left > .toggle,
+.table-view-cell > a .push-right > .btn,
+.table-view-cell > a .push-right > .badge,
+.table-view-cell > a .push-right > .toggle {
+  right: 15px;
 }
 
 select,
@@ -351,9 +379,9 @@ input[type="color"],
 .input-group {
   height: 40px;
   padding: 10px 15px;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(0, 0, 0, .2);
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
 }
 
 input[type="search"] {
@@ -383,9 +411,15 @@ textarea,
 }
 
 .input-row {
+  height: 40px;
   border-bottom: 1px solid #d9d9d9;
 }
 
+.input-row label {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
 .input-row label + input {
   background-image: none;
   border-bottom: 0;
@@ -396,22 +430,22 @@ textarea,
   background-color: #cecece;
   border: 0;
   border-radius: 2px;
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
 }
 .segmented-control .control-item {
   padding-top: 10px;
   padding-bottom: 10px;
-  color: #222222;
+  color: #222;
   border-left: 1px solid #999;
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
-  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
 }
 .segmented-control .control-item:first-child {
   border-left-width: 0;
 }
 .segmented-control .control-item:active, .segmented-control .control-item.active {
-  background-color: #999999;
+  background-color: #999;
 }
 
 .segmented-control-primary {
@@ -435,7 +469,7 @@ textarea,
 }
 .segmented-control-positive .control-item:active, .segmented-control-positive .control-item.active {
   color: #fff;
-  background-color: #99cc00;
+  background-color: #9c0;
 }
 
 .segmented-control-negative {
@@ -447,7 +481,7 @@ textarea,
 }
 .segmented-control-negative .control-item:active, .segmented-control-negative .control-item.active {
   color: #fff;
-  background-color: #ff4444;
+  background-color: #f44;
 }
 
 .popover {
@@ -457,14 +491,14 @@ textarea,
   margin-left: 0;
   border: 1px solid #9b9b9b;
   border-radius: 0;
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
+          box-shadow: 0 0 3px rgba(0, 0, 0, .2);
   -webkit-transition: -webkit-transform .1s ease-in-out, opacity .2s ease-in-out;
      -moz-transition:    -moz-transform .1s ease-in-out, opacity .2s ease-in-out;
           transition:         transform .1s ease-in-out, opacity .2s ease-in-out;
-  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+  -webkit-transform: scale(.75);
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
+      -ms-transform: scale(.75);
-  -webkit-transform: scale(0.75);
+          transform: scale(.75);
-  -ms-transform: scale(0.75);
-  transform: scale(0.75);
 }
 .popover:before {
   display: none;
@@ -493,20 +527,20 @@ textarea,
 .toggle {
   width: 104px;
   height: 28px;
+  background-color: #d7d7d7;
   border: 2px solid #d7d7d7;
   border-radius: 0;
-  background-color: #d7d7d7;
 }
 .toggle .toggle-handle {
   top: 0;
   left: 0;
   width: 50px;
   height: 24px;
+  background-color: #bebebe;
   border: 1px solid #b5b5b5;
   border-radius: 2px;
-  background-color: #bebebe;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(0, 0, 0, .1);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 .toggle:before {
   top: 1px;
@@ -516,8 +550,8 @@ textarea,
   color: #fff;
 }
 .toggle.active {
-  border: 2px solid #d7d7d7;
   background-color: #d7d7d7;
+  border: 2px solid #d7d7d7;
 }
 .toggle.active .toggle-handle {
   margin-right: 2px;
@@ -528,8 +562,8 @@ textarea,
           transform: translate3d(50px, 0, 0);
 }
 .toggle.active:before {
-  left: auto;
   right: 14px;
+  left: auto;
   color: #fff;
 }
 

dist/css/ratchet-theme-ios.css

@@ -1,10 +1,10 @@
 /*!
  * =====================================================
- * Ratchet v2.0.1 (http://goratchet.com)
+ * Ratchet v2.0.2 (http://goratchet.com)
  * Copyright 2014 Connor Sears
- * Licensed under MIT.
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
  *
- * v2.0.1 designed by @connors.
+ * v2.0.2 designed by @connors.
  * =====================================================
  */
 
@@ -32,18 +32,18 @@ p {
 }
 
 .btn {
-  border: 1px solid #929292;
   color: #929292;
-  background-color: rgba(247, 247, 247, 0.98);
+  background-color: rgba(247, 247, 247, .98);
+  border: 1px solid #929292;
   -webkit-transition: all;
      -moz-transition: all;
           transition: all;
-  -webkit-transition-duration: 0.2s;
-  -moz-transition-duration: 0.2s;
-  transition-duration: 0.2s;
   -webkit-transition-timing-function: linear;
      -moz-transition-timing-function: linear;
           transition-timing-function: linear;
+  -webkit-transition-duration: .2s;
+     -moz-transition-duration: .2s;
+          transition-duration: .2s;
 }
 .btn:active, .btn.active {
   color: #fff;
@@ -52,32 +52,32 @@ p {
 
 .btn-primary {
   color: #fff;
-  border: 1px solid #007aff;
   background-color: #007aff;
+  border: 1px solid #007aff;
 }
 .btn-primary:active, .btn-primary.active {
-  border: 1px solid #0062cc;
   background-color: #0062cc;
+  border: 1px solid #0062cc;
 }
 
 .btn-positive {
   color: #fff;
-  border: 1px solid #4cd964;
   background-color: #4cd964;
+  border: 1px solid #4cd964;
 }
 .btn-positive:active, .btn-positive.active {
-  border: 1px solid #2ac845;
   background-color: #2ac845;
+  border: 1px solid #2ac845;
 }
 
 .btn-negative {
   color: #fff;
-  border: 1px solid #dd524d;
   background-color: #dd524d;
+  border: 1px solid #dd524d;
 }
 .btn-negative:active, .btn-negative.active {
-  border: 1px solid #cf2d28;
   background-color: #cf2d28;
+  border: 1px solid #cf2d28;
 }
 
 .btn-outlined {
@@ -107,7 +107,7 @@ p {
 }
 
 .btn .badge {
-  background-color: rgba(0, 0, 0, 0.15);
+  background-color: rgba(0, 0, 0, .15);
 }
 .btn .badge.badge-inverted {
   background-color: transparent;
@@ -117,10 +117,10 @@ p {
 }
 
 .bar {
+  background-color: rgba(247, 247, 247, .98);
   border-bottom: 0;
-  background-color: rgba(247, 247, 247, 0.98);
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
-  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
+          box-shadow: 0 0 1px rgba(0, 0, 0, .85);
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
 }
 .bar.bar-header-secondary {
   top: 44px;
@@ -195,27 +195,30 @@ p {
 }
 
 .table-view {
-  border-top: 0;
-  border-bottom: 0;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
-  background-position: 0 100%, 0 0%;
   background-repeat: no-repeat;
+  background-position: 0 100%, 0 0;
+  border-top: 0;
+  border-bottom: 0;
 }
 .table-view .table-view-cell {
-  border-bottom: 0;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
-  background-position: 15px 100%;
   background-repeat: no-repeat;
+  background-position: 15px 100%;
+  border-bottom: 0;
 }
 .table-view .table-view-cell:last-child {
   background-image: none;
 }
+.table-view .table-view-cell > a:not(.btn):active {
+  color: inherit;
+}
 .table-view .table-view-divider {
-  border-top: 0;
-  border-bottom: 0;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
-  background-position: 0 100%, 0 0%;
   background-repeat: no-repeat;
+  background-position: 0 100%, 0 0;
+  border-top: 0;
+  border-bottom: 0;
 }
 
 select,
@@ -237,13 +240,13 @@ input[type="color"],
 .input-group {
   height: 40px;
   padding: 10px 15px;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(0, 0, 0, .2);
 }
 
 input[type="search"] {
   height: 34px;
   text-align: center;
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgba(0, 0, 0, .1);
   border: 0;
   border-radius: 6px;
 }
@@ -260,17 +263,17 @@ textarea,
 
 .input-group {
   padding: 0;
-  border: 0;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
-  background-position: 0 100%, 0 0%;
   background-repeat: no-repeat;
+  background-position: 0 100%, 0 0;
+  border: 0;
 }
 
 .input-group input {
-  border: 0;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
-  background-position: 15px 100%;
   background-repeat: no-repeat;
+  background-position: 15px 100%;
+  border: 0;
 }
 
 .input-group input:last-child {
@@ -278,10 +281,10 @@ textarea,
 }
 
 .input-row {
-  border-bottom: 0;
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");
-  background-position: 15px 100%;
   background-repeat: no-repeat;
+  background-position: 15px 100%;
+  border-bottom: 0;
 }
 
 .input-row:last-child,
@@ -296,9 +299,9 @@ textarea,
 .segmented-control .control-item {
   color: #929292;
   border-color: #929292;
-  -webkit-transition: background-color 0.1s linear;
+  -webkit-transition: background-color .1s linear;
-  -moz-transition: background-color 0.1s linear;
+     -moz-transition: background-color .1s linear;
-  transition: background-color 0.1s linear;
+          transition: background-color .1s linear;
 }
 .segmented-control .control-item:active {
   background-color: #ebebeb;
@@ -356,14 +359,11 @@ textarea,
 .popover {
   border-radius: 12px;
   -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
-  -moz-transition: -moz-transform .2s ease-in-out, opacity .2s ease-in-out;
+     -moz-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
-  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
+          transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
-  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  -moz-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-  transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
 }
 .popover:before {
-  border-bottom: 15px solid rgba(247, 247, 247, 0.98);
+  border-bottom: 15px solid rgba(247, 247, 247, .98);
 }
 
 .popover .bar {
@@ -372,23 +372,23 @@ textarea,
 }
 
 .popover .bar-nav {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+  border-bottom: 1px solid rgba(0, 0, 0, .15);
 }
 
 .popover .table-view {
-  border-radius: 12px;
   background-image: none;
+  border-radius: 12px;
 }
 
 .modal {
-  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+  -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
-  -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+     -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
-  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+          transition-timing-function: cubic-bezier(.1, .5, .1, 1);
 }
 .modal.active {
-  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+  -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
-  -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+     -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
-  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+          transition-timing-function: cubic-bezier(.1, .5, .1, 1);
 }
 
 .toggle {
@@ -396,27 +396,27 @@ textarea,
   border: 2px solid #e6e6e6;
   -webkit-box-shadow: inset 0 0 0 0 #e1e1e1;
           box-shadow: inset 0 0 0 0 #e1e1e1;
+  -webkit-transition-duration: .2s;
+     -moz-transition-duration: .2s;
+          transition-duration: .2s;
   -webkit-transition-property: box-shadow, border;
      -moz-transition-property: box-shadow, border;
           transition-property: box-shadow, border;
-  -webkit-transition-duration: 0.2s;
-  -moz-transition-duration: 0.2s;
-  transition-duration: 0.2s;
 }
 .toggle .toggle-handle {
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(0, 0, 0, .2);
+  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .08);
+          box-shadow: 0 3px 3px rgba(0, 0, 0, .08);
   -webkit-transition-property: -webkit-transform, border, width;
      -moz-transition-property:    -moz-transform, border, width;
           transition-property:         transform, border, width;
-  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
-  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08);
 }
 .toggle:before {
   display: none;
 }
 .toggle.active {
-  border: 2px solid #4cd964;
   background-color: transparent;
+  border: 2px solid #4cd964;
   -webkit-box-shadow: inset 0 0 0 13px #4cd964;
           box-shadow: inset 0 0 0 13px #4cd964;
 }
@@ -430,22 +430,22 @@ textarea,
 }
 
 .content.fade {
-  -webkit-transition: opacity 0.2s ease-in-out;
+  -webkit-transition: opacity .2s ease-in-out;
-  -moz-transition: opacity 0.2s ease-in-out;
+     -moz-transition: opacity .2s ease-in-out;
-  transition: opacity 0.2s ease-in-out;
+          transition: opacity .2s ease-in-out;
 }
 .content.sliding {
-  -webkit-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+  -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
-  -moz-transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+     -moz-transition-timing-function: cubic-bezier(.1, .5, .1, 1);
-  transition-timing-function: cubic-bezier(0.1, 0.5, 0.1, 1);
+          transition-timing-function: cubic-bezier(.1, .5, .1, 1);
 }
 .content.sliding.sliding-in, .content.sliding.right:not([class*="sliding-in"]) {
   -webkit-animation-name: fadeOverlay;
      -moz-animation-name: fadeOverlay;
           animation-name: fadeOverlay;
-  -webkit-animation-duration: 0.4s;
+  -webkit-animation-duration: .4s;
-  -moz-animation-duration: 0.4s;
+     -moz-animation-duration: .4s;
-  animation-duration: 0.4s;
+          animation-duration: .4s;
 }
 .content.sliding.right:not([class*="sliding-in"]) {
   -webkit-animation-direction: reverse;
@@ -460,12 +460,12 @@ textarea,
 
 @-webkit-keyframes fadeOverlay {
   from {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0);
+    -webkit-box-shadow: 0 0 10px transparent, -320px 0 0 transparent;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0), -320px 0 0 rgba(0, 0, 0, 0);
+            box-shadow: 0 0 10px transparent, -320px 0 0 transparent;
   }
 
   to {
-    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), -320px 0 0 rgba(0, 0, 0, 0.1);
+            box-shadow: 0 0 10px rgba(0, 0, 0, .3), -320px 0 0 rgba(0, 0, 0, .1);
   }
 }

dist/css/ratchet.css

@@ -1,18 +1,18 @@
 /*!
  * =====================================================
- * Ratchet v2.0.1 (http://goratchet.com)
+ * Ratchet v2.0.2 (http://goratchet.com)
  * Copyright 2014 Connor Sears
- * Licensed under MIT.
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
  *
- * v2.0.1 designed by @connors.
+ * v2.0.2 designed by @connors.
  * =====================================================
  */
 
-/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 html {
   font-family: sans-serif;
-  -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
 }
 
 body {
@@ -75,13 +75,13 @@ dfn {
 }
 
 h1 {
+  margin: .67em 0;
   font-size: 2em;
-  margin: 0.67em 0;
 }
 
 mark {
-  background: #ff0;
   color: #000;
+  background: #ff0;
 }
 
 small {
@@ -90,18 +90,18 @@ small {
 
 sub,
 sup {
+  position: relative;
   font-size: 75%;
   line-height: 0;
-  position: relative;
   vertical-align: baseline;
 }
 
 sup {
-  top: -0.5em;
+  top: -.5em;
 }
 
 sub {
-  bottom: -0.25em;
+  bottom: -.25em;
 }
 
 img {
@@ -117,9 +117,9 @@ figure {
 }
 
 hr {
+  height: 0;
   -moz-box-sizing: content-box;
        box-sizing: content-box;
-  height: 0;
 }
 
 pre {
@@ -139,9 +139,9 @@ input,
 optgroup,
 select,
 textarea {
-  color: inherit;
-  font: inherit;
   margin: 0;
+  font: inherit;
+  color: inherit;
 }
 
 button {
@@ -168,8 +168,8 @@ html input[disabled] {
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
-  border: 0;
   padding: 0;
+  border: 0;
 }
 
 input {
@@ -188,10 +188,10 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 input[type="search"] {
-  -webkit-appearance: textfield;
-  -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
           box-sizing: content-box;
+  -webkit-appearance: textfield;
 }
 
 input[type="search"]::-webkit-search-cancel-button,
@@ -200,14 +200,14 @@ input[type="search"]::-webkit-search-decoration {
 }
 
 fieldset {
-  border: 1px solid #c0c0c0;
+  padding: .35em .625em .75em;
   margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
+  border: 1px solid #c0c0c0;
 }
 
 legend {
-  border: 0;
   padding: 0;
+  border: 0;
 }
 
 textarea {
@@ -219,8 +219,8 @@ optgroup {
 }
 
 table {
-  border-collapse: collapse;
   border-spacing: 0;
+  border-collapse: collapse;
 }
 
 td,
@@ -250,21 +250,22 @@ body {
 a {
   color: #428bca;
   text-decoration: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+  -webkit-tap-highlight-color: transparent;
 }
 a:active {
   color: #3071a9;
 }
 
 .content {
-  position: fixed;
+  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: auto;
-  background-color: #fff;
   -webkit-overflow-scrolling: touch;
+  background-color: #fff;
 }
 
 .content > * {
@@ -310,8 +311,8 @@ a:active {
 }
 
 .clearfix:before, .clearfix:after {
-  content: " ";
   display: table;
+  content: " ";
 }
 .clearfix:after {
   clear: both;
@@ -340,13 +341,13 @@ h4, .h4 {
 }
 
 h5, .h5 {
-  font-size: 14px;
   margin-top: 20px;
+  font-size: 14px;
 }
 
 h6, .h6 {
-  font-size: 12px;
   margin-top: 20px;
+  font-size: 12px;
 }
 
 p {
@@ -366,8 +367,8 @@ p {
   line-height: 1;
   color: #333;
   text-align: center;
-  vertical-align: top;
   white-space: nowrap;
+  vertical-align: top;
   cursor: pointer;
   background-color: white;
   border: 1px solid #ccc;
@@ -383,35 +384,35 @@ p {
 
 .btn-primary {
   color: #fff;
-  border: 1px solid #428bca;
   background-color: #428bca;
+  border: 1px solid #428bca;
 }
 .btn-primary:active, .btn-primary.active {
   color: #fff;
-  border: 1px solid #3071a9;
   background-color: #3071a9;
+  border: 1px solid #3071a9;
 }
 
 .btn-positive {
   color: #fff;
-  border: 1px solid #5cb85c;
   background-color: #5cb85c;
+  border: 1px solid #5cb85c;
 }
 .btn-positive:active, .btn-positive.active {
   color: #fff;
-  border: 1px solid #449d44;
   background-color: #449d44;
+  border: 1px solid #449d44;
 }
 
 .btn-negative {
   color: #fff;
-  border: 1px solid #d9534f;
   background-color: #d9534f;
+  border: 1px solid #d9534f;
 }
 .btn-negative:active, .btn-negative.active {
   color: #fff;
-  border: 1px solid #c9302c;
   background-color: #c9302c;
+  border: 1px solid #c9302c;
 }
 
 .btn-outlined {
@@ -457,9 +458,9 @@ input[type="button"] {
 }
 
 .btn .badge {
-  font-size: 12px;
   margin: -2px -4px -2px 4px;
-  background-color: rgba(0, 0, 0, 0.15);
+  font-size: 12px;
+  background-color: rgba(0, 0, 0, .15);
 }
 
 .btn .badge-inverted,
@@ -491,8 +492,11 @@ input[type="button"] {
   height: 44px;
   padding-right: 10px;
   padding-left: 10px;
-  border-bottom: 1px solid #dddddd;
   background-color: white;
+  border-bottom: 1px solid #ddd;
+
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 
 .bar-header-secondary {
@@ -514,8 +518,8 @@ input[type="button"] {
 .bar-footer,
 .bar-footer-secondary,
 .bar-footer-secondary-tab {
+  border-top: 1px solid #ddd;
   border-bottom: 0;
-  border-top: 1px solid #dddddd;
 }
 
 .bar-nav {
@@ -541,22 +545,22 @@ input[type="button"] {
 }
 
 .bar-tab {
-  display: table;
   bottom: 0;
+  display: table;
   width: 100%;
   height: 50px;
   padding: 0;
-  border-top: 1px solid #dddddd;
-  border-bottom: 0;
   table-layout: fixed;
+  border-top: 1px solid #ddd;
+  border-bottom: 0;
 }
 .bar-tab .tab-item {
   display: table-cell;
   width: 1%;
   height: 50px;
-  vertical-align: middle;
   color: #929292;
   text-align: center;
+  vertical-align: middle;
 }
 .bar-tab .tab-item.active, .bar-tab .tab-item:active {
   color: #428bca;
@@ -592,8 +596,8 @@ input[type="button"] {
   top: 0;
   padding: 0;
   font-size: 16px;
-  color: #428bca;
   line-height: 44px;
+  color: #428bca;
   border: 0;
 }
 .bar .btn-link:active, .bar .btn-link.active {
@@ -655,7 +659,7 @@ input[type="button"] {
   font-size: 12px;
   line-height: 1;
   color: #333;
-  background-color: rgba(0, 0, 0, 0.15);
+  background-color: rgba(0, 0, 0, .15);
   border-radius: 100px;
 }
 .badge.badge-inverted {
@@ -688,10 +692,10 @@ input[type="button"] {
 }
 
 .card {
-  overflow: hidden;
   margin: 10px;
+  overflow: hidden;
   background-color: white;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-radius: 6px;
 }
 
@@ -702,8 +706,8 @@ input[type="button"] {
 }
 .card .table-view .table-view-divider:first-child {
   top: 0;
-  border-top-right-radius: 6px;
   border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
 }
 .card .table-view .table-view-divider:last-child {
   border-bottom-right-radius: 6px;
@@ -720,15 +724,15 @@ input[type="button"] {
   margin-bottom: 15px;
   list-style: none;
   background-color: #fff;
-  border-top: 1px solid #dddddd;
+  border-top: 1px solid #ddd;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 
 .table-view-cell {
   position: relative;
-  overflow: hidden;
   padding: 11px 65px 11px 15px;
-  border-bottom: 1px solid #dddddd;
+  overflow: hidden;
+  border-bottom: 1px solid #ddd;
 }
 .table-view-cell:last-child {
   border-bottom: 0;
@@ -736,9 +740,9 @@ input[type="button"] {
 .table-view-cell > a:not(.btn) {
   position: relative;
   display: block;
-  overflow: hidden;
   padding: inherit;
   margin: -11px -65px -11px -15px;
+  overflow: hidden;
   color: inherit;
 }
 .table-view-cell > a:not(.btn):active {
@@ -754,17 +758,16 @@ input[type="button"] {
   padding-left: 15px;
   margin-top: -1px;
   margin-left: 0;
-  color: #999;
   font-weight: 500;
-  border-top: 1px solid #dddddd;
+  color: #999;
-  border-bottom: 1px solid #dddddd;
   background-color: #fafafa;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
 }
 
 .table-view .media,
 .table-view .media-body {
   overflow: hidden;
-  zoom: 1;
 }
 
 .table-view .media-object.pull-left {
@@ -844,21 +847,23 @@ input[type="tel"],
 input[type="color"] {
   width: 100%;
   height: 35px;
+  -webkit-appearance: none;
   padding: 0 15px;
   margin-bottom: 15px;
   line-height: 21px;
   background-color: #fff;
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   border-radius: 3px;
   outline: none;
-  -webkit-appearance: none;
 }
 
 input[type="search"] {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
   padding: 0 10px;
   font-size: 16px;
   border-radius: 20px;
-  box-sizing: border-box;
 }
 
 input[type="search"]:focus {
@@ -873,8 +878,8 @@ select {
   height: auto;
   font-size: 14px;
   background-color: #f8f8f8;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
 }
 
 .input-group {
@@ -886,22 +891,23 @@ select {
   margin-bottom: 0;
   background-color: transparent;
   border-top: 0;
-  border-left: 0;
   border-right: 0;
+  border-left: 0;
   border-radius: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
 .input-row {
+  height: 35px;
   overflow: hidden;
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
 }
 
 .input-row label {
   float: left;
   width: 35%;
-  padding: 10px 15px;
+  padding: 8px 15px;
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   line-height: 1.1;
 }
@@ -926,15 +932,15 @@ select {
 }
 .segmented-control .control-item {
   display: table-cell;
-  overflow: hidden;
   width: 1%;
   padding-top: 6px;
   padding-bottom: 7px;
+  overflow: hidden;
   line-height: 1;
   color: #333;
   text-align: center;
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
   border-left: 1px solid #ccc;
 }
 .segmented-control .control-item:first-child {
@@ -1009,15 +1015,15 @@ select {
   margin-left: -140px;
   background-color: white;
   border-radius: 6px;
+  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
+          box-shadow: 0 0 15px rgba(0, 0, 0, .1);
   opacity: 0;
-  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+  -webkit-transition: all .25s linear;
-  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+     -moz-transition: all .25s linear;
+          transition: all .25s linear;
   -webkit-transform: translate3d(0, -15px, 0);
       -ms-transform: translate3d(0, -15px, 0);
           transform: translate3d(0, -15px, 0);
-  -webkit-transition: all 0.25s linear;
-  -moz-transition: all 0.25s linear;
-  transition: all 0.25s linear;
 }
 .popover:before {
   position: absolute;
@@ -1026,10 +1032,10 @@ select {
   width: 0;
   height: 0;
   margin-left: -15px;
+  content: '';
   border-right: 15px solid transparent;
   border-bottom: 15px solid white;
   border-left: 15px solid transparent;
-  content: '';
 }
 .popover.visible {
   opacity: 1;
@@ -1048,7 +1054,7 @@ select {
   bottom: 0;
   left: 0;
   z-index: 15;
-  background-color: rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, .3);
 }
 
 .popover .btn-block {
@@ -1059,9 +1065,9 @@ select {
 }
 
 .popover .bar-nav {
-  border-bottom: 1px solid #dddddd;
+  border-bottom: 1px solid #ddd;
-  border-top-right-radius: 12px;
   border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -1070,22 +1076,22 @@ select {
   max-height: 300px;
   margin-bottom: 0;
   overflow: auto;
+  -webkit-overflow-scrolling: touch;
   background-color: #fff;
   border-top: 0;
   border-bottom: 0;
   border-radius: 6px;
-  -webkit-overflow-scrolling: touch;
 }
 
 .modal {
   position: fixed;
   top: 0;
-  opacity: 0;
   z-index: 11;
   width: 100%;
   min-height: 100%;
   overflow: hidden;
   background-color: #fff;
+  opacity: 0;
   -webkit-transition: -webkit-transform .25s, opacity 1ms .25s;
      -moz-transition:    -moz-transform .25s, opacity 1ms .25s;
           transition:         transform .25s, opacity 1ms .25s;
@@ -1094,8 +1100,8 @@ select {
           transform: translate3d(0, 100%, 0);
 }
 .modal.active {
-  opacity: 1;
   height: 100%;
+  opacity: 1;
   -webkit-transition: -webkit-transform .25s;
      -moz-transition:    -moz-transform .25s;
           transition:         transform .25s;
@@ -1116,32 +1122,32 @@ select {
   position: relative;
   font-size: 0;
   white-space: nowrap;
-  -webkit-transition: all 0 linear;
+  -webkit-transition: all 0s linear;
-  -moz-transition: all 0 linear;
+     -moz-transition: all 0s linear;
-  transition: all 0 linear;
+          transition: all 0s linear;
 }
 .slider .slide-group .slide {
   display: inline-block;
-  vertical-align: top;
   width: 100%;
   height: 100%;
   font-size: 14px;
+  vertical-align: top;
 }
 
 .toggle {
-  display: block;
   position: relative;
+  display: block;
   width: 74px;
   height: 30px;
   background-color: #fff;
   border: 2px solid #ddd;
   border-radius: 20px;
+  -webkit-transition-duration: .2s;
+     -moz-transition-duration: .2s;
+          transition-duration: .2s;
   -webkit-transition-property: background-color, border;
      -moz-transition-property: background-color, border;
           transition-property: background-color, border;
-  -webkit-transition-duration: 0.2s;
-  -moz-transition-duration: 0.2s;
-  transition-duration: 0.2s;
 }
 .toggle .toggle-handle {
   position: absolute;
@@ -1153,25 +1159,25 @@ select {
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 100px;
+  -webkit-transition-duration: .2s;
+     -moz-transition-duration: .2s;
+          transition-duration: .2s;
   -webkit-transition-property: -webkit-transform, border, width;
      -moz-transition-property:    -moz-transform, border, width;
           transition-property:         transform, border, width;
-  -webkit-transition-duration: 0.2s;
-  -moz-transition-duration: 0.2s;
-  transition-duration: 0.2s;
 }
 .toggle:before {
   position: absolute;
   top: 3px;
   right: 11px;
-  color: #999;
   font-size: 13px;
+  color: #999;
   text-transform: uppercase;
   content: "Off";
 }
 .toggle.active {
-  border: 2px solid #5cb85c;
   background-color: #5cb85c;
+  border: 2px solid #5cb85c;
 }
 .toggle.active .toggle-handle {
   border-color: #5cb85c;
@@ -1225,15 +1231,16 @@ select {
   position: absolute;
   top: 50%;
   display: inline-block;
-  color: #bbb;
   font-family: Ratchicons;
   font-size: inherit;
-  text-decoration: none;
   line-height: 1;
-  -webkit-font-smoothing: antialiased;
+  color: #bbb;
+  text-decoration: none;
   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
+
+  -webkit-font-smoothing: antialiased;
 }
 
 .navigate-left:after,
@@ -1250,23 +1257,20 @@ select {
 
 @font-face {
   font-family: Ratchicons;
+  font-style: normal;
+  font-weight: normal;
+
   src: url("../fonts/ratchicons.eot");
   src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg");
-  font-weight: normal;
-  font-style: normal;
 }
-
 .icon {
   display: inline-block;
   font-family: Ratchicons;
   font-size: 24px;
-  text-decoration: none;
   line-height: 1;
-  -webkit-font-smoothing: antialiased;
+  text-decoration: none;
-}
 
-.icon-and-up:before {
+  -webkit-font-smoothing: antialiased;
-  content: '\e809';
 }
 
 .icon-back:before {
@@ -1297,14 +1301,6 @@ select {
   content: '\e813';
 }
 
-.icon-down-nav:before {
-  content: '\e814';
-}
-
-.icon-down:before {
-  content: '\e820';
-}
-
 .icon-download:before {
   content: '\e815';
 }
@@ -1329,14 +1325,6 @@ select {
   content: '\e82c';
 }
 
-.icon-left-nav:before {
-  content: '\e82d';
-}
-
-.icon-left:before {
-  content: '\e822';
-}
-
 .icon-list:before {
   content: '\e823';
 }
@@ -1373,14 +1361,6 @@ select {
   content: '\e825';
 }
 
-.icon-right-nav:before {
-  content: '\e818';
-}
-
-.icon-right:before {
-  content: '\e826';
-}
-
 .icon-search:before {
   content: '\e819';
 }
@@ -1389,6 +1369,10 @@ select {
   content: '\e81a';
 }
 
+.icon-sound:before {
+  content: '\e827';
+}
+
 .icon-sound2:before {
   content: '\e828';
 }
@@ -1401,10 +1385,6 @@ select {
   content: '\e80c';
 }
 
-.icon-sound:before {
-  content: '\e827';
-}
-
 .icon-star-filled:before {
   content: '\e81b';
 }
@@ -1428,3 +1408,27 @@ select {
 .icon-up:before {
   content: '\e80d';
 }
+
+.icon-right-nav:before {
+  content: '\e818';
+}
+
+.icon-right:before {
+  content: '\e826';
+}
+
+.icon-down-nav:before {
+  content: '\e814';
+}
+
+.icon-down:before {
+  content: '\e820';
+}
+
+.icon-left-nav:before {
+  content: '\e82d';
+}
+
+.icon-left:before {
+  content: '\e822';
+}

dist/js/ratchet.js

@@ -1,23 +1,27 @@
 /*!
  * =====================================================
- * Ratchet v2.0.1 (http://goratchet.com)
+ * Ratchet v2.0.2 (http://goratchet.com)
  * Copyright 2014 Connor Sears
- * Licensed under MIT.
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
  *
- * v2.0.1 designed by @connors.
+ * v2.0.2 designed by @connors.
  * =====================================================
  */
-/* ----------------------------------
+/* ========================================================================
- * MODAL v2.0.1
+ * Ratchet: modals.js v2.0.2
- * Licensed under The MIT License
+ * http://goratchet.com/components#modals
- * http://opensource.org/licenses/MIT
+ * ========================================================================
- * ---------------------------------- */
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ * ======================================================================== */
 
 !(function () {
   'use strict';
 
   var findModals = function (target) {
-    var i, modals = document.querySelectorAll('a');
+    var i;
+    var modals = document.querySelectorAll('a');
+
     for (; target && target !== document; target = target.parentNode) {
       for (i = modals.length; i--;) {
         if (modals[i] === target) {
@@ -45,11 +49,13 @@
   });
 }());
 
-/* ----------------------------------
+/* ========================================================================
- * POPOVER v2.0.1
+ * Ratchet: popovers.js v2.0.2
- * Licensed under The MIT License
+ * http://goratchet.com/components#popovers
- * http://opensource.org/licenses/MIT
+ * ========================================================================
- * ---------------------------------- */
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ * ======================================================================== */
 
 !(function () {
   'use strict';
@@ -57,7 +63,9 @@
   var popover;
 
   var findPopovers = function (target) {
-    var i, popovers = document.querySelectorAll('a');
+    var i;
+    var popovers = document.querySelectorAll('a');
+
     for (; target && target !== document; target = target.parentNode) {
       for (i = popovers.length; i--;) {
         if (popovers[i] === target) {
@@ -100,7 +108,7 @@
       popover = null;
     }
 
-    if (popover == null) {
+    if (popover === null) {
       return;
     }
 
@@ -126,16 +134,17 @@
   };
 
   window.addEventListener('touchend', showHidePopover);
-  window.addEventListener('click', showHidePopover);
 
 }());
 
-/* ----------------------------------
+/* ========================================================================
- * PUSH v2.0.1
+ * Ratchet: push.js v2.0.2
- * Licensed under The MIT License
+ * http://goratchet.com/components#push
- * inspired by chris's jquery.pjax.js
+ * ========================================================================
- * http://opensource.org/licenses/MIT
+ * inspired by @defunkt's jquery.pjax.js
- * ---------------------------------- */
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ * ======================================================================== */
 
 /* global _gaq: true */
 
@@ -145,7 +154,7 @@
   var noop = function () {};
 
 
-  // Pushstate cacheing
+  // Pushstate caching
   // ==================
 
   var isScrolling;
@@ -153,9 +162,9 @@
   var cacheMapping   = sessionStorage;
   var domCache       = {};
   var transitionMap  = {
-    'slide-in'  : 'slide-out',
+    slideIn  : 'slide-out',
-    'slide-out' : 'slide-in',
+    slideOut : 'slide-in',
-    'fade'      : 'fade'
+    fade     : 'fade'
   };
 
   var bars = {
@@ -524,7 +533,9 @@
   };
 
   var findTarget = function (target) {
-    var i, toggles = document.querySelectorAll('a');
+    var i;
+    var toggles = document.querySelectorAll('a');
+
     for (; target && target !== document; target = target.parentNode) {
       for (i = toggles.length; i--;) {
         if (toggles[i] === target) {
@@ -585,7 +596,8 @@
     }
 
     data.title = head.querySelector('title');
-    data.title = data.title && data.title.innerText.trim();
+    var text = 'innerText' in data.title ? 'innerText' : 'textContent';
+    data.title = data.title && data.title[text].trim();
 
     if (options.transition) {
       data = extendWithDom(data, '.content', body);
@@ -609,17 +621,21 @@
 
 }());
 
-/* ----------------------------------
+/* ========================================================================
- * Segmented controls v2.0.1
+ * Ratchet: segmented-controllers.js v2.0.2
- * Licensed under The MIT License
+ * http://goratchet.com/components#segmentedControls
- * http://opensource.org/licenses/MIT
+ * ========================================================================
- * ---------------------------------- */
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ * ======================================================================== */
 
 !(function () {
   'use strict';
 
   var getTarget = function (target) {
-    var i, segmentedControls = document.querySelectorAll('.segmented-control .control-item');
+    var i;
+    var segmentedControls = document.querySelectorAll('.segmented-control .control-item');
+
     for (; target && target !== document; target = target.parentNode) {
       for (i = segmentedControls.length; i--;) {
         if (segmentedControls[i] === target) {
@@ -670,12 +686,15 @@
 
   window.addEventListener('click', function (e) { if (getTarget(e.target)) {e.preventDefault();} });
 }());
-/* ----------------------------------
+
- * SLIDER v2.0.1
+/* ========================================================================
- * Licensed under The MIT License
+ * Ratchet: sliders.js v2.0.2
- * Adapted from Brad Birdsall's swipe
+ * http://goratchet.com/components#sliders
- * http://opensource.org/licenses/MIT
+ * ========================================================================
- * ---------------------------------- */
+   Adapted from Brad Birdsall's swipe
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ * ======================================================================== */
 
 !(function () {
   'use strict';
@@ -695,7 +714,9 @@
   var scrollableArea;
 
   var getSlider = function (target) {
-    var i, sliders = document.querySelectorAll('.slider > .slide-group');
+    var i;
+    var sliders = document.querySelectorAll('.slider > .slide-group');
+
     for (; target && target !== document; target = target.parentNode) {
       for (i = sliders.length; i--;) {
         if (sliders[i] === target) {
@@ -706,14 +727,16 @@
   };
 
   var getScroll = function () {
+    if ('webkitTransform' in slider.style) {
       var translate3d = slider.style.webkitTransform.match(/translate3d\(([^,]*)/);
       var ret = translate3d ? translate3d[1] : 0;
       return parseInt(ret, 10);
+    }
   };
 
   var setSlideNumber = function (offset) {
     var round = offset ? (deltaX < 0 ? 'ceil' : 'floor') : 'round';
-    slideNumber = Math[round](getScroll() / ( scrollableArea / slider.children.length) );
+    slideNumber = Math[round](getScroll() / (scrollableArea / slider.children.length));
     slideNumber += offset;
     slideNumber = Math.min(slideNumber, 0);
     slideNumber = Math.max(-(slider.children.length - 1), slideNumber);
@@ -801,11 +824,14 @@
 
 }());
 
-/* ----------------------------------
+/* ========================================================================
- * TOGGLE v2.0.1
+ * Ratchet: toggles.js v2.0.2
- * Licensed under The MIT License
+ * http://goratchet.com/components#toggles
- * http://opensource.org/licenses/MIT
+ * ========================================================================
- * ---------------------------------- */
+   Adapted from Brad Birdsall's swipe
+ * Copyright 2014 Connor Sears
+ * Licensed under MIT (https://github.com/twbs/ratchet/blob/master/LICENSE)
+ * ======================================================================== */
 
 !(function () {
   'use strict';
@@ -816,7 +842,9 @@
   var toggle    = false;
 
   var findToggle = function (target) {
-    var i, toggles = document.querySelectorAll('.toggle');
+    var i;
+    var toggles = document.querySelectorAll('.toggle');
+
     for (; target && target !== document; target = target.parentNode) {
       for (i = toggles.length; i--;) {
         if (toggles[i] === target) {
@@ -879,7 +907,7 @@
 
     handle.style.webkitTransform = 'translate3d(' + distanceX + 'px,0,0)';
 
-    toggle.classList[(distanceX > (toggleWidth/2 - handleWidth/2)) ? 'add' : 'remove']('active');
+    toggle.classList[(distanceX > (toggleWidth / 2 - handleWidth / 2)) ? 'add' : 'remove']('active');
   });
 
   window.addEventListener('touchend', function (e) {
@@ -891,7 +919,7 @@
     var toggleWidth = toggle.clientWidth;
     var handleWidth = handle.clientWidth;
     var offset      = (toggleWidth - handleWidth);
-    var slideOn     = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth/2 - handleWidth/2)));
+    var slideOn     = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2)));
 
     if (slideOn) {
       handle.style.webkitTransform = 'translate3d(' + offset + 'px,0,0)';

examples/app-movies/index.html

@@ -13,7 +13,7 @@
   </head>
   <body>
     <header class="bar bar-nav">
-      <a class="icon icon-gear pull-right" href="#settingsModal" ></a>
+      <a class="icon icon-gear pull-right" href="#settingsModal"></a>
       <h1 class="title">Movie finder</h1>
     </header>
 

examples/index.html

@@ -4,15 +4,15 @@
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Examples &middot; Ratchet</title>
-<meta name="description" content="Ratchet: Prototype mobile apps with simple HTML, CSS, and JS components.">
+<meta name="description" content="Ratchet: Build mobile apps with simple HTML, CSS, and JS components.">
 <meta name="author" content="Connor Sears">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-<link rel="shortcut icon" href="/favicon.ico">
+<link rel="icon" href="/favicon.ico">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <!-- Google Web Fonts -->
-<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:300">
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700%7COpen+Sans:400,300">
 
 <link rel="stylesheet" href="/dist/css/ratchet.min.css">
 <link rel="stylesheet" href="/assets/css/docs.min.css">
@@ -79,7 +79,7 @@
   <div class="column-group">
     <div class="column lg-units-8 docs-examples docs-content">
 
-      <p class="lead">Checkout out the examples on a desktop browser or visit on your mobile device to see the apps as intended.</p>
+      <p class="lead">Checkout out the examples on a desktop browser or visit on your mobile device see the apps as intended.</p>
 
       <div class="column-group">
         <div class="column lg-units-4">
@@ -113,14 +113,14 @@
       <div class="docs-module">
   <h4 class="docs-module-title">Ratchet</h4>
   <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p>
-  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.1/ratchet-2.0.1-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1-dist']);">Download Ratchet</a>
+  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.2/ratchet-2.0.2-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2-dist']);">Download Ratchet</a>
-  <p class="version">Currently v2.0.1</p>
+  <p class="version">Currently v2.0.2</p>
 </div>
 
 <div class="docs-module">
   <h4 class="docs-module-title">Source code</h4>
   <p>If you haven't already, download the source code for Ratchet.</p>
-  <a href="https://github.com/twbs/ratchet/archive/v2.0.1.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1']);">Download source</a>
+  <a href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download source</a>
 </div>
 
     </div>
@@ -145,7 +145,7 @@
   <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 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.1</li>
+    <li>Currently v2.0.2</li>
     <li>&middot;</li>
     <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li>
     <li>&middot;</li>

getting-started/index.html

@@ -4,15 +4,15 @@
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Getting started &middot; Ratchet</title>
-<meta name="description" content="Ratchet: Prototype mobile apps with simple HTML, CSS, and JS components.">
+<meta name="description" content="Ratchet: Build mobile apps with simple HTML, CSS, and JS components.">
 <meta name="author" content="Connor Sears">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-<link rel="shortcut icon" href="/favicon.ico">
+<link rel="icon" href="/favicon.ico">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <!-- Google Web Fonts -->
-<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:300">
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700%7COpen+Sans:400,300">
 
 <link rel="stylesheet" href="/dist/css/ratchet.min.css">
 <link rel="stylesheet" href="/assets/css/docs.min.css">
@@ -86,7 +86,7 @@
         <p>Use the <a href="/components" data-ignore="push">documentation</a> as a reference for all the available components and piece together the pages of your app. Be sure to look at the <a href="#pageLayout">basic page template</a> and <a href="/examples" data-ignore="push">example applications</a>. Make sure to add <code>ratchet-theme-ios.css</code> or <code>ratchet-theme-android.css</code> to your app's <code>&lt;head&gt;</code> if you have a specific platform in mind.</p>
 
         <h3>2. Connect pages with push.js</h3>
-        <p>Read about <a href="/components/#push" data-ignore="push">push.js</a> then start connecting your pages. Push.js allows you to create a app that feels like a real app when you save it to your phone. (Need to have a server running).</p>
+        <p>Read about <a href="/components/#push" data-ignore="push">push.js</a> then start connecting your pages. Push.js allows you to create a app that feels like a real app when you save it to your phone. Make sure that you have a server running, and that your browser is emulating touch events. <a href="https://developers.google.com/chrome-developer-tools/docs/mobile-emulation#emulate-touch-events" data-ignore="push">Check out this tutorial on emulating touch events in Chrome</a> (<a href="https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View" data-ignore="push">or Firefox</a>) if you're not sure how to do that.</p>
 
         <h3>3. Save the app to your phone</h3>
         <p>There are <a href="https://groups.google.com/forum/#!topic/goratchet/IboE6SCMAyw" data-ignore="push">a few ways to do this</a>, but the simplest is to run a local server on your computer, point Safari on your iPhone to your computer, then click the <span class="icon icon-share"></span> button and "Add to Home Screen". For Android, check out <a href="https://developers.google.com/chrome/mobile/docs/installtohomescreen" data-ignore="push">this guide</a>.</p>
@@ -164,7 +164,7 @@ Copy any changes made here over to the README too. -->
     <span class="nt">&lt;title&gt;</span>Ratchet template page<span class="nt">&lt;/title&gt;</span>
 
     <span class="c">&lt;!-- Sets initial viewport load and disables zooming  --&gt;</span>
-    <span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content=</span><span class="s">&quot;initial-scale=1, maximum-scale=1, user-scalable=no&quot;</span><span class="nt">&gt;</span>
+    <span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content=</span><span class="s">&quot;initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui&quot;</span><span class="nt">&gt;</span>
 
     <span class="c">&lt;!-- Makes your prototype chrome-less once bookmarked to your phone&#39;s home screen --&gt;</span>
     <span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;apple-mobile-web-app-capable&quot;</span> <span class="na">content=</span><span class="s">&quot;yes&quot;</span><span class="nt">&gt;</span>
@@ -241,14 +241,14 @@ Copy any changes made here over to the README too. -->
       <div class="docs-module">
   <h4 class="docs-module-title">Ratchet</h4>
   <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p>
-  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.1/ratchet-2.0.1-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1-dist']);">Download Ratchet</a>
+  <a href="https://github.com/twbs/ratchet/releases/download/v2.0.2/ratchet-2.0.2-dist.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2-dist']);">Download Ratchet</a>
-  <p class="version">Currently v2.0.1</p>
+  <p class="version">Currently v2.0.2</p>
 </div>
 
 <div class="docs-module">
   <h4 class="docs-module-title">Source code</h4>
   <p>If you haven't already, download the source code for Ratchet.</p>
-  <a href="https://github.com/twbs/ratchet/archive/v2.0.1.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1']);">Download source</a>
+  <a href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-block btn-primary" data-ignore="push" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download source</a>
 </div>
 
     </div>
@@ -273,7 +273,7 @@ Copy any changes made here over to the README too. -->
   <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 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.1</li>
+    <li>Currently v2.0.2</li>
     <li>&middot;</li>
     <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li>
     <li>&middot;</li>

index.html

@@ -4,15 +4,15 @@
     <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title>Ratchet</title>
-<meta name="description" content="Ratchet: Prototype mobile apps with simple HTML, CSS, and JS components.">
+<meta name="description" content="Ratchet: Build mobile apps with simple HTML, CSS, and JS components.">
 <meta name="author" content="Connor Sears">
 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-<link rel="shortcut icon" href="/favicon.ico">
+<link rel="icon" href="/favicon.ico">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black">
 
 <!-- Google Web Fonts -->
-<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:300">
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700%7COpen+Sans:400,300">
 
 <link rel="stylesheet" href="/dist/css/ratchet.min.css">
 <link rel="stylesheet" href="/assets/css/docs.min.css">
@@ -67,8 +67,8 @@
 
   <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.1.zip" class="btn btn-primary" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.1']);">Download Ratchet</a>
+    <a data-ignore="push" href="https://github.com/twbs/ratchet/archive/v2.0.2.zip" class="btn btn-primary" onClick="_gaq.push(['_trackEvent', 'Downloads', 'V2.0.2']);">Download Ratchet</a>
-    <p class="version">Currently v2.0.1</p>
+    <p class="version">Currently v2.0.2</p>
   </div>
 
   <div class="docs-header-bottom">
@@ -91,7 +91,7 @@
   <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 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.1</li>
+    <li>Currently v2.0.2</li>
     <li>&middot;</li>
     <li><a href="https://github.com/twbs/ratchet/issues" data-ignore="push">Issues</a></li>
     <li>&middot;</li>

one.html

@@ -6,7 +6,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="shortcut icon" href="favicon.ico">
+    <link rel="icon" href="favicon.ico">
     <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/css/ratchet.min.css">
@@ -21,7 +21,7 @@
       <div class="card">
         <ul class="table-view">
           <li class="table-view-cell">
-            <a class="push-right" href="two.html" data-transition="slide-in" data-selector=".device-content">
+            <a class="push-right" href="/two.html" data-transition="slide-in" data-selector=".device-content">
                 Load new page with push
             </a>
           </li>

robots.txt

@@ -0,0 +1,6 @@
+# www.robotstxt.org/
+
+# Allow crawling of all content
+User-agent: *
+Disallow:
+Sitemap: http://goratchet.com/sitemap.xml

sitemap.xml

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+    <loc>http://goratchet.com/</loc>
+    <lastmod>2014-04-02T08:50:45-07:00</lastmod>
+    <changefreq>daily</changefreq>
+    <priority>1.0</priority>
+  </url>
+  
+  
+  <url>
+    <loc>http://goratchet.com/about/</loc>
+    <lastmod>2014-04-02T08:50:45-07:00</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.7</priority>
+  </url>
+  
+  
+  
+  <url>
+    <loc>http://goratchet.com/components/</loc>
+    <lastmod>2014-04-02T08:50:45-07:00</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.7</priority>
+  </url>
+  
+  
+  
+  <url>
+    <loc>http://goratchet.com/examples/</loc>
+    <lastmod>2014-04-02T08:50:45-07:00</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.7</priority>
+  </url>
+  
+  
+  
+  <url>
+    <loc>http://goratchet.com/getting-started/</loc>
+    <lastmod>2014-04-02T08:50:45-07:00</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.7</priority>
+  </url>
+  
+  
+  
+  
+</urlset>

two.html

@@ -6,7 +6,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="shortcut icon" href="favicon.ico">
+    <link rel="icon" href="favicon.ico">
     <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/css/ratchet.min.css">
@@ -15,14 +15,14 @@
   </head>
   <body ontouchstart="">
     <header class="bar bar-nav">
-      <a class="icon icon-left-nav pull-left" href="one.html" data-transition="slide-out"></a>
+      <a class="icon icon-left-nav pull-left" href="/one.html" data-transition="slide-out"></a>
       <h1 class="title">Page two</h1>
     </header>
     <div class="content">
       <div class="card">
         <ul class="table-view">
           <li class="table-view-cell">
-            <a href="one.html" data-transition="slide-out">Tap or click here to go back. You can also try your browser's back button.</a>
+            <a href="/one.html" data-transition="slide-out">Tap or click here to go back. You can also try your browser's back button.</a>
           </li>
         </ul>
       </div>