updating with the complete base set of Ratchicons.

components.html

@@ -106,7 +106,7 @@ base_url: "../"
 
       <div class="component-example component-example-fullbleed">
         <header class="bar bar-nav">
-          <a class="icon icon-lg-left pull-left"></a>
+          <a class="icon icon-left-nav pull-left"></a>
           <a class="icon icon-refresh pull-right"></a>
           <h1 class="title">Title</h1>
         </header>
@@ -114,7 +114,7 @@ base_url: "../"
 
 {% highlight html %}
 <header class="bar bar-nav">
-  <a class="icon icon-lg-left pull-left"></a>
+  <a class="icon icon-left-nav pull-left"></a>
   <a class="icon icon-refresh pull-right"></a>
   <h1 class="title">Title</h1>
 </header>
@@ -129,11 +129,11 @@ base_url: "../"
       <div class="component-example component-example-fullbleed">
         <header class="bar bar-nav">
           <a class="btn btn-link pull-left">
-            <span class="icon icon-lg-left"></span>
+            <span class="icon icon-left-nav"></span>
             Left
           </a>
           <a class="btn btn-link pull-right">
-            <span class="icon icon-lg-right"></span>
+            <span class="icon icon-right-nav"></span>
             Right
           </a>
           <h1 class="title">Title</h1>
@@ -143,12 +143,12 @@ base_url: "../"
 {% highlight html %}
 <header class="bar bar-nav">
   <a class="btn btn-link pull-left">
-    <span class="icon icon-lg-left"></span>
+    <span class="icon icon-left-nav"></span>
     Left
   </a>
   <a class="btn btn-link pull-right">
     Right
-    <span class="icon icon-lg-right"></span>
+    <span class="icon icon-right-nav"></span>
   </a>
   <h1 class="title">Title</h1>
 </header>
@@ -1127,7 +1127,7 @@ document
             <div class="slide">
               <img src="{{ page.base_url }}docs-assets/img/slide-1.jpg">
               <span class="slide-text">
-                <span class="icon icon-lg-left"></span>
+                <span class="icon icon-left-nav"></span>
                 Slide me
               </span>
             </div>
@@ -1147,7 +1147,7 @@ document
     <div class="slide">
       <img src="{{ page.base_url }}docs-assets/img/slide-1.jpg">
       <span class="slide-text">
-        <span class="icon icon-lg-left"></span>
+        <span class="icon icon-left-nav"></span>
         Slide me
       </span>
     </div>

dist/android-theme.css

@@ -466,3 +466,55 @@ textarea,
   color: #fff;
   content: "On";
 }
+
+.push-left:after {
+  content: '\e803';
+}
+
+.push-right:after {
+  content: '\e806';
+}
+
+.icon-caret:before {
+  content: '\e800';
+}
+
+.icon-down:before,
+.icon-down-nav:before {
+  content: '\e801';
+}
+
+.icon-download:before {
+  content: '\e802';
+}
+
+.icon-left:before,
+.icon-left-nav:before {
+  content: '\e803';
+}
+
+.icon-more-vertical:before {
+  content: '\e804';
+}
+
+.icon-more:before {
+  content: '\e805';
+}
+
+.icon-right:before,
+.icon-right-nav:before {
+  content: '\e806';
+}
+
+.icon-search:before {
+  content: '\e807';
+}
+
+.icon-share:before {
+  content: '\e808';
+}
+
+.icon-up:before,
+.icon-up-nav:before {
+  content: '\e809';
+}

dist/ratchet.css

@@ -1194,12 +1194,12 @@ select {
 
 .push-left:after {
   left: 15px;
-  content: '\e803';
+  content: '\e80d';
 }
 
 .push-right:after {
   right: 15px;
-  content: '\e800';
+  content: '\e811';
 }
 
 @font-face {
@@ -1220,78 +1220,166 @@ select {
   -webkit-font-smoothing: antialiased;
 }
 
+.icon-back:before {
+  content: '\e80a';
+}
+
+.icon-bars:before {
+  content: '\e817';
+}
+
+.icon-caret:before {
+  content: '\e818';
+}
+
+.icon-check:before {
+  content: '\e819';
+}
+
+.icon-close:before {
+  content: '\e81a';
+}
+
 .icon-code:before {
-  content: '\e804';
+  content: '\e81b';
+}
+
+.icon-compose:before {
+  content: '\e81c';
+}
+
+.icon-down-nav:before {
+  content: '\e81d';
 }
 
 .icon-down:before {
-  content: '\e801';
+  content: '\e80b';
 }
 
 .icon-download:before {
-  content: '\f005';
+  content: '\e81e';
 }
 
-.icon-left:before {
+.icon-edit:before {
-  content: '\e803';
+  content: '\e81f';
 }
 
-.icon-lg-down:before {
+.icon-forward:before {
-  content: '\f00b';
+  content: '\e820';
 }
 
-.icon-lg-left:before {
+.icon-gear:before {
-  content: '\f00c';
+  content: '\e80c';
 }
 
-.icon-lg-right:before {
+.icon-home:before {
-  content: '\f00d';
+  content: '\e821';
 }
 
-.icon-lg-up:before {
+.icon-info:before {
-  content: '\f00e';
+  content: '\e822';
+}
+
+.icon-left-nav:before {
+  content: '\e823';
+}
+
+.icon-left:before {
+  content: '\e80d';
 }
 
 .icon-list:before {
-  content: '\f008';
+  content: '\e80e';
+}
+
+.icon-more-vertical:before {
+  content: '\e824';
+}
+
+.icon-more:before {
+  content: '\e825';
 }
 
 .icon-pages:before {
-  content: '\f000';
+  content: '\e80f';
+}
+
+.icon-pause:before {
+  content: '\e826';
+}
+
+.icon-person:before {
+  content: '\e827';
+}
+
+.icon-play:before {
+  content: '\e828';
+}
+
+.icon-plus:before {
+  content: '\e829';
 }
 
 .icon-refresh:before {
-  content: '\f009';
+  content: '\e810';
+}
+
+.icon-right-nav:before {
+  content: '\e82a';
 }
 
 .icon-right:before {
-  content: '\e800';
+  content: '\e811';
 }
 
 .icon-search:before {
-  content: '\f007';
+  content: '\e82b';
 }
 
 .icon-share:before {
-  content: '\f00a';
+  content: '\e82c';
 }
 
 .icon-sound2:before {
-  content: '\f002';
+  content: '\e813';
 }
 
 .icon-sound3:before {
-  content: '\f003';
+  content: '\e814';
 }
 
 .icon-sound4:before {
-  content: '\f004';
+  content: '\e815';
 }
 
 .icon-sound:before {
-  content: '\f001';
+  content: '\e812';
+}
+
+.icon-star-filled:before {
+  content: '\e82d';
+}
+
+.icon-star:before {
+  content: '\e82e';
+}
+
+.icon-stop:before {
+  content: '\e82f';
+}
+
+.icon-trash:before {
+  content: '\e830';
+}
+
+.icon-up-nav:before {
+  content: '\e832';
 }
 
 .icon-up:before {
-  content: '\e802';
+  content: '\e816';
+}
+
+.icon-user:before {
+  content: '\e831';
 }

dist/ratchicons/ratchicons.svg

@@ -6,25 +6,57 @@
 <font id="ratchicons" horiz-adv-x="1000" >
 <font-face font-family="ratchicons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
-<glyph glyph-name="download" unicode="&#xf005;" d="m875 538h-187v-63h125v-563h-625v563h125v63h-188v-688h750v688z m-344-323v573h-62v-573l-115 112l-41-39l187-188l188 188l-42 40l-115-113z" horiz-adv-x="1000" />
+<glyph glyph-name="and-caret" unicode="&#xe800;" d="m313 225l375 0v376" horiz-adv-x="1000" />
-<glyph glyph-name="code" unicode="&#xe804;" d="m680 608l-74-72l184-186l-184-185l74-73l257 258l-257 258z m-360-516l74 72l-184 186l184 186l-74 72l-258-258l258-258z" horiz-adv-x="1000" />
+<glyph glyph-name="user" unicode="&#xe831;" d="m736 128q204-72 204-122l0-106l-940 0l0 106q0 50 204 122q94 34 128 69t34 95q0 22-22 49t-32 73q-2 12-9 18t-14 8t-14 17t-9 43q0 16 5 26t9 12l4 4q-8 50-12 88q-4 54 41 112t157 58t158-58t40-112l-12-88q18-8 18-42q-2-28-9-43t-14-17t-14-8t-9-18q-8-48-31-74t-23-48q0-60 35-95t127-69z" horiz-adv-x="940" />
-<glyph glyph-name="pages" unicode="&#xf000;" d="m63 601v-689h687l0 688l-687 1z m625-63v-563h-563v563h563z m-500 250v-125h62v62h625v-625l-62 0v-62h125v750h-750z" horiz-adv-x="1000" />
+<glyph glyph-name="and-download" unicode="&#xe802;" d="m875 38h-750v62h750v-62z m-312 375v250h-125v-250h-125l187-250l188 250h-125z" horiz-adv-x="1000" />
-<glyph glyph-name="refresh" unicode="&#xf009;" d="m813 288c-28-145-161-250-313-250c-172 0-312 139-312 312c0 173 141 312 312 313v-98l221 129l-221 128v-95c0-2 0-2 0-2c-206 0-375-167-375-375s169-375 375-375c187 0 347 133 375 313h-62z" horiz-adv-x="1000" />
+<glyph glyph-name="and-left" unicode="&#xe803;" d="m306 349l325 373l67-59l-273-314l273-315l-67-59l-325 373l0 1z" horiz-adv-x="1000" />
-<glyph glyph-name="search" unicode="&#xf007;" d="m1000-94l-290 291c56 68 90 156 90 250c0 219-181 400-400 400s-398-189-398-407s180-391 398-391c96 0 184 34 254 91l290-290l56 56z m-923 541c0 160 163 323 323 323s321-163 321-323s-159-316-319-316s-325 156-325 316z" horiz-adv-x="1000" />
+<glyph glyph-name="and-more-vertical" unicode="&#xe804;" d="m406-25v188h188v-188h-188z m0 563h188v188h-188v-188z m188-281v188h-188v-188h188z" horiz-adv-x="1000" />
-<glyph glyph-name="share" unicode="&#xf00a;" d="m875 538h-187v-63h125v-563h-625v563h125v63h-188v-688h750v688z m-406 197v-510h62v510l115-112l42 40l-188 187l-187-187l41-41l115 113z" horiz-adv-x="1000" />
+<glyph glyph-name="and-more" unicode="&#xe805;" d="m125 444h188v-187h-188v187z m563 0v-187h187v187h-187z m-281-187h187v187h-187v-187z" horiz-adv-x="1000" />
-<glyph glyph-name="sound" unicode="&#xf001;" d="m825-22c-2 0-3 0-5 0l-16 7c0 0 0 0 0 1c-5 1-8 3-10 6c-1 3-1 7 1 12c1 1 22 40 43 101c20 58 44 147 44 244c0 98-24 186-44 243c-21 61-42 100-43 102c-4 11-2 15 8 21l17 8c2 1 5 2 7 2c7 0 12-5 17-16c1-2 2-4 4-8c10-19 32-63 52-125c25-78 37-156 37-232c0-94-24-182-44-240c-22-63-44-104-45-104l-1-2c-5-11-9-20-22-20c0 0 0 0 0 0z m-574 248c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m474-124c-2 0-4 0-6 0l-16 8c0 0 0 0 0 0c-5 1-8 3-9 6c-2 3-2 7 0 12c1 1 16 26 30 64c14 37 30 94 30 157c0 65-16 121-30 157c-14 38-29 62-30 63c-4 11-2 15 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 5-11c17-31 61-115 61-229c0-63-16-120-30-156c-16-39-31-64-31-64c0 0 0 0 0 0l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z m-84 127c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="and-right" unicode="&#xe806;" d="m698 348l-325-373l-67 59l274 315l-274 314l68 59l324-373l0-1z" horiz-adv-x="1000" />
-<glyph glyph-name="sound2" unicode="&#xf002;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m474-124c-2 0-4 0-6 0l-16 8c0 0 0 0 0 0c-5 1-8 3-9 6c-2 3-2 7 0 12c1 1 16 26 30 64c14 37 30 94 30 157c0 65-16 121-30 157c-14 38-29 62-30 63c-4 11-2 15 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 5-11c17-31 61-115 61-229c0-63-16-120-30-156c-16-39-31-64-31-64c0 0 0 0 0 0l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z m-84 127c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="and-search" unicode="&#xe807;" d="m868 96l-143 143c-15 15-41 14-58-3l-2-2l-59 59c36 46 57 104 57 167c0 149-121 269-270 269s-269-120-269-269s120-270 269-270c61 0 118 20 163 54l60-59c-15-17-17-42-2-56l143-143c15-15 41-14 57 3l50 50c17 17 18 42 4 57z m-689 364c0 118 96 214 214 214s215-96 215-214s-96-215-215-215s-214 96-214 215z" horiz-adv-x="1000" />
-<glyph glyph-name="sound3" unicode="&#xf003;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m390 3c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="and-share" unicode="&#xe808;" d="m728 215c-33 0-63-14-84-36l-263 153c1 6 2 12 2 18c0 6-1 12-2 18l263 152c21-23 51-37 84-37c62 0 113 51 113 113s-51 114-113 114s-114-51-114-114c0-7 1-14 2-21l-261-150c-21 23-51 38-85 38c-63 0-114-50-114-113s51-113 114-113c33 0 64 15 85 38l261-151c-1-7-2-14-2-22c0-62 51-113 114-113s113 51 113 113s-51 113-113 113z" horiz-adv-x="1000" />
-<glyph glyph-name="list" unicode="&#xf008;" d="m1000 632h-750v-62l750-1v63z m0-314v63h-750v-63h750z m-750-187v-61h750v61h-750z m-250 406l125 1v125l-125 0v-126z m0-249h125v125h-125v-125z m0-250h125v125h-125v-125z" horiz-adv-x="1000" />
+<glyph glyph-name="and-up" unicode="&#xe809;" d="m500 548l374-325l-59-67l-315 273l-314-273l-59 67l373 325l0 0z" horiz-adv-x="1000" />
-<glyph glyph-name="lg-down" unicode="&#xf00b;" d="m934 537l-81 83l-354-372l-353 372l-81-83l435-455l434 455z" horiz-adv-x="1000" />
+<glyph glyph-name="back" unicode="&#xe80a;" d="m500 174l-313 176l313 176m312-352l-312 176l312 176" horiz-adv-x="1000" />
-<glyph glyph-name="lg-left" unicode="&#xf00c;" d="m663-84l83 81l-372 354l372 354l-83 81l-455-435l455-435z" horiz-adv-x="1000" />
+<glyph glyph-name="down" unicode="&#xe80b;" d="m941 479l-124 127l-317-315l-318 315l-124-127l442-441l441 441z" horiz-adv-x="1000" />
-<glyph glyph-name="lg-right" unicode="&#xf00d;" d="m291 786l-83-81l372-354l-372-354l83-81l455 435l-455 435z" horiz-adv-x="1000" />
+<glyph glyph-name="gear" unicode="&#xe80c;" d="m820 274l118 40l0 72l-118 40c-8 34-22 67-40 97l55 111l-51 51l-111-55c-30 18-62 32-97 40l-39 118l-73 0l-40-118c-34-8-67-22-97-40l-111 55l-51-51l55-111c-18-30-32-62-40-97l-117-39l0-73l117-40c9-34 22-67 41-96l-56-111l52-52l111 56c29-19 62-32 96-40l40-119l73 0l39 119c35 8 67 21 97 40l111-56l51 52l-55 111c18 29 32 62 40 96z m-320-174c-139 0-251 112-251 251s112 250 251 250s250-112 250-250s-112-251-250-251z" horiz-adv-x="1000" />
-<glyph glyph-name="lg-up" unicode="&#xf00e;" d="m65 146l81-83l354 372l353-372l81 83l-434 456l-435-456z" horiz-adv-x="1000" />
+<glyph glyph-name="left" unicode="&#xe80d;" d="m628-91l127 123l-314 318l314 318l-127 124l-441-442l441-441z" horiz-adv-x="1000" />
-<glyph glyph-name="right" unicode="&#xe800;" d="m372 792l-127-124l314-318l-314-318l127-123l441 441l-441 442z" horiz-adv-x="1000" />
+<glyph glyph-name="list" unicode="&#xe80e;" d="m1000 632h-750v-62l750-1v63z m0-314v63h-750v-63h750z m-750-187v-61h750v61h-750z m-250 406l125 1v125l-125 0v-126z m0-249h125v125h-125v-125z m0-250h125v125h-125v-125z" horiz-adv-x="1000" />
-<glyph glyph-name="down" unicode="&#xe801;" d="m941 479l-124 127l-317-315l-318 315l-124-127l442-441l441 441z" horiz-adv-x="1000" />
+<glyph glyph-name="pages" unicode="&#xe80f;" d="m63 601v-689h687l0 688l-687 1z m625-63v-563h-563v563h563z m-500 250v-125h62v62h625v-625l-62 0v-62h125v750h-750z" horiz-adv-x="1000" />
-<glyph glyph-name="left" unicode="&#xe803;" d="m628-91l127 123l-314 318l314 318l-127 124l-441-442l441-441z" horiz-adv-x="1000" />
+<glyph glyph-name="refresh" unicode="&#xe810;" d="m813 288c-28-145-161-250-313-250c-172 0-312 139-312 312c0 173 141 312 312 313v-98l221 129l-221 128v-95c0-2 0-2 0-2c-206 0-375-167-375-375s169-375 375-375c187 0 347 133 375 313h-62z" horiz-adv-x="1000" />
-<glyph glyph-name="up" unicode="&#xe802;" d="m58 222l124-126l318 314l317-314l124 126l-441 441l-442-441z" horiz-adv-x="1000" />
+<glyph glyph-name="right" unicode="&#xe811;" d="m372 792l-127-124l314-318l-314-318l127-123l441 441l-441 442z" horiz-adv-x="1000" />
-<glyph glyph-name="sound4" unicode="&#xf004;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z" horiz-adv-x="1000" />
+<glyph glyph-name="sound" unicode="&#xe812;" d="m825-22c-2 0-3 0-5 0l-16 7c0 0 0 0 0 1c-5 1-8 3-10 6c-1 3-1 7 1 12c1 1 22 40 43 101c20 58 44 147 44 244c0 98-24 186-44 243c-21 61-42 100-43 102c-4 11-2 15 8 21l17 8c2 1 5 2 7 2c7 0 12-5 17-16c1-2 2-4 4-8c10-19 32-63 52-125c25-78 37-156 37-232c0-94-24-182-44-240c-22-63-44-104-45-104l-1-2c-5-11-9-20-22-20c0 0 0 0 0 0z m-574 248c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m474-124c-2 0-4 0-6 0l-16 8c0 0 0 0 0 0c-5 1-8 3-9 6c-2 3-2 7 0 12c1 1 16 26 30 64c14 37 30 94 30 157c0 65-16 121-30 157c-14 38-29 62-30 63c-4 11-2 15 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 5-11c17-31 61-115 61-229c0-63-16-120-30-156c-16-39-31-64-31-64c0 0 0 0 0 0l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z m-84 127c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="sound2" unicode="&#xe813;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m474-124c-2 0-4 0-6 0l-16 8c0 0 0 0 0 0c-5 1-8 3-9 6c-2 3-2 7 0 12c1 1 16 26 30 64c14 37 30 94 30 157c0 65-16 121-30 157c-14 38-29 62-30 63c-4 11-2 15 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 5-11c17-31 61-115 61-229c0-63-16-120-30-156c-16-39-31-64-31-64c0 0 0 0 0 0l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z m-84 127c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="sound3" unicode="&#xe814;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z m390 3c-2 0-4 0-6 0l-15 7c0 1 0 1 0 1c-5 1-8 3-9 6c-2 3-2 7 0 12c0 0 20 43 20 94c0 53-20 91-21 93c-4 11-2 16 9 21l15 8c3 1 5 2 8 2c6 0 12-5 17-16c1-3 3-6 4-9c10-19 23-45 23-104c0-33-21-91-22-93l-1-2c-6-11-10-20-22-20c0 0 0 0 0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="sound4" unicode="&#xe815;" d="m251 226c0 0-1 0-1 0h-186v248h186c0 0 1 0 1 0l248 173v-595l-248 174z" horiz-adv-x="1000" />
+<glyph glyph-name="up" unicode="&#xe816;" d="m58 222l124-126l318 314l317-314l124 126l-441 441l-442-441z" horiz-adv-x="1000" />
+<glyph glyph-name="bars" unicode="&#xe817;" d="m875 632h-750v-62l750-1l0 63l0 0z m0-314v63h-750v-63h750z m-750-187v-61h750v61h-750z" horiz-adv-x="1000" />
+<glyph glyph-name="caret" unicode="&#xe818;" d="m438 475h-125l187-250l188 250h-125" horiz-adv-x="1000" />
+<glyph glyph-name="and-down" unicode="&#xe801;" d="m500 156l-373 325l59 67l314-273l315 273l59-67l-374-325l0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="close" unicode="&#xe81a;" d="m213 593l530-530l43 44l-529 530l-44-44l0 0z m530 44l-530-530l43-44l531 530l-44 44l0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="code" unicode="&#xe81b;" d="m680 608l-74-72l184-186l-184-185l74-73l257 258l-257 258z m-360-516l74 72l-184 186l184 186l-74 72l-258-258l258-258z" horiz-adv-x="1000" />
+<glyph glyph-name="compose" unicode="&#xe81c;" d="m890 651l-405-404l-110-22l22 110l404 405l17-17l-405-404l56-56l404 405l17-17z m15 16l20 20c14 13 14 35 0 48l-40 40c-13 14-35 14-48 0l-20-20m-4-224v-493h-625v625h489l63 62h-615v-750h750v619l-62-63z" horiz-adv-x="1000" />
+<glyph glyph-name="down-nav" unicode="&#xe81d;" d="m934 537l-81 83l-354-372l-353 372l-81-83l435-455l434 455z" horiz-adv-x="1000" />
+<glyph glyph-name="download" unicode="&#xe81e;" d="m875 538h-187v-63h125v-500h-625v500h125v63h-188v-626h750v626z m-344-323v635l-62 0v-635l-115 112l-41-39l187-188l188 188l-42 40l-115-113z" horiz-adv-x="1000" />
+<glyph glyph-name="edit" unicode="&#xe81f;" d="m749 511l-404-404l-110-22l22 110l404 404l16-16l-404-405l56-55l404 404l16-16z m16 16l20 20c14 13 14 35 0 48l-40 40c-13 14-35 14-48 0l-20-20" horiz-adv-x="1000" />
+<glyph glyph-name="forward" unicode="&#xe820;" d="m500 526l313-176l-313-176m-312 352l312-176l-312-176" horiz-adv-x="1000" />
+<glyph glyph-name="home" unicode="&#xe821;" d="m907 382l-407 407l0 0l0 0l-407-407l44-45l51 51v-413h14h48h156h43h102h43h156h51h12v413l50-51l44 45z m-458-344v227h102v-227h-102z m301 412v-412h-156v270h-15h-28h-102h-31h-12v-270h-156v412h0l250 250l250-250h0z" horiz-adv-x="1000" />
+<glyph glyph-name="info" unicode="&#xe822;" d="m500 725c-207 0-375-168-375-375s168-375 375-375s375 168 375 375s-168 375-375 375z m63-625h-125v313h125v-313z m-63 375c-34 0-62 28-62 63c0 34 28 62 62 62s63-28 63-62c0-35-28-63-63-63z" horiz-adv-x="1000" />
+<glyph glyph-name="left-nav" unicode="&#xe823;" d="m663-84l83 81l-372 354l372 354l-83 81l-455-435l455-435z" horiz-adv-x="1000" />
+<glyph glyph-name="more-vertical" unicode="&#xe824;" d="m500 163c52 0 94-42 94-94c0-52-42-94-94-94s-94 42-94 94c0 52 42 94 94 94z m-94 468c0-51 42-93 94-93s94 42 94 93s-42 94-94 94s-94-42-94-94z m0-281c0-52 42-94 94-94s94 42 94 94s-42 94-94 94s-94-42-94-94z" horiz-adv-x="1000" />
+<glyph glyph-name="more" unicode="&#xe825;" d="m313 350c0-52-42-94-94-94s-94 42-94 94s42 94 94 94s94-42 94-94z m468 94c-52 0-93-42-93-94s41-94 93-94s94 42 94 94s-42 94-94 94z m-281 0c-52 0-94-42-94-94c0-52 42-94 94-94s94 42 94 94c0 52-42 94-94 94z" horiz-adv-x="1000" />
+<glyph glyph-name="pause" unicode="&#xe826;" d="m438 37h-188v625h188v-625z m312 1h-187v625h187v-625z" horiz-adv-x="1000" />
+<glyph glyph-name="person" unicode="&#xe827;" d="m501 847c-275 0-497-222-497-497s222-496 497-496s496 222 496 496s-222 497-496 497z m315-801c-25 11-53 26-79 28c-149 12-152 43-152 106c0 47 30 8 52 118c8 36 15 29 36 95c13 47-12 41-12 41s8 35 12 72c10 96-32 187-175 187c-64 0-94-27-133-57c-41-32-55-76-44-130c7-39 21-77 12-72c0 0-22 6-12-41c21-59 32-59 38-95c18-107 47-70 53-118c6-63-7-94-148-106c-25-2-55-16-79-27c-76 79-123 186-123 303c0 242 197 439 439 439s438-197 438-439c0-118-47-226-123-304z" horiz-adv-x="1000" />
+<glyph glyph-name="play" unicode="&#xe828;" d="m250 663l567-313l-567-312" horiz-adv-x="1000" />
+<glyph glyph-name="plus" unicode="&#xe829;" d="m469 725v-750h61l1 750l-62 0l0 0z m406-344h-750v-61l750-1l0 62l0 0z" horiz-adv-x="1000" />
+<glyph glyph-name="right-nav" unicode="&#xe82a;" d="m291 786l-83-81l372-354l-372-354l83-81l455 435l-455 435z" horiz-adv-x="1000" />
+<glyph glyph-name="search" unicode="&#xe82b;" d="m878 37l-241 241c33 46 53 103 53 165c0 156-126 282-282 282s-282-126-282-282s126-282 282-282c61 0 117 19 163 52l241-241l66 65z m-697 406c0 125 101 227 227 227s227-102 227-227s-102-227-227-227s-227 101-227 227z" horiz-adv-x="1000" />
+<glyph glyph-name="share" unicode="&#xe82c;" d="m875 538h-187v-63h125v-500h-625v500h125v63h-188v-626h750v626z m-406 197v-572h62v572l115-112l42 40l-188 187l-187-187l41-41l115 113z" horiz-adv-x="1000" />
+<glyph glyph-name="star-filled" unicode="&#xe82d;" d="m502 726l93-287l301 0l-244-177l93-287l-243 178l-244-178l93 287l-244 177l301 0l94 287z" horiz-adv-x="1000" />
+<glyph glyph-name="star" unicode="&#xe82e;" d="m895 439l-302 0l-93 287l-93-287l-300 0l244-177l-94-287l244 178l243-178l-93 287l244 177z m-204-388l-191 142l-189-142l80 222l-204 140l239 0l74 235l75-235l240 0l-205-143l81-219z" horiz-adv-x="1000" />
+<glyph glyph-name="stop" unicode="&#xe82f;" d="m812 37h-625v625h625v-625z" horiz-adv-x="1000" />
+<glyph glyph-name="trash" unicode="&#xe830;" d="m875 725h-250c0 22 0 50 0 62c0 18-15 34-34 34h-182c-19 0-34-16-34-34c0-14 0-41 0-62h-250v-63h69l57-715c0-19 16-34 34-34h432c19 0 34 15 34 34l58 715h66v63z m-459 33c0 14 11 25 24 25h120c13 0 24-11 24-25c0-6 0-20 0-33h-168c0 12 0 26 0 33z m287-757c0-15-11-26-26-26h-355c-14 0-25 11-25 26l-42 661h490l-42-661z m-273 37h-47l-39 562l46 0l40-562z m187 0l-46 0l39 562l47 0l-40-562z m-94 0h-47v562h47v-562z" horiz-adv-x="1000" />
+<glyph glyph-name="up-nav" unicode="&#xe832;" d="m65 146l81-83l354 372l353-372l81 83l-434 456l-435-456z" horiz-adv-x="1000" />
+<glyph glyph-name="check" unicode="&#xe819;" d="m857 537l-81 83l-354-372l-135 128l-81-83l216-211l435 455z" horiz-adv-x="1000" />
 </font>
 </defs>
 </svg>

docs-assets/css/docs.css

@@ -1609,6 +1609,46 @@ hr {
   color: #fff;
   content: "On";
 }
+.platform-android .push-left:after {
+  content: '\e803';
+}
+.platform-android .push-right:after {
+  content: '\e806';
+}
+.platform-android .icon-caret:before {
+  content: '\e800';
+}
+.platform-android .icon-down:before,
+.platform-android .icon-down-nav:before {
+  content: '\e801';
+}
+.platform-android .icon-download:before {
+  content: '\e802';
+}
+.platform-android .icon-left:before,
+.platform-android .icon-left-nav:before {
+  content: '\e803';
+}
+.platform-android .icon-more-vertical:before {
+  content: '\e804';
+}
+.platform-android .icon-more:before {
+  content: '\e805';
+}
+.platform-android .icon-right:before,
+.platform-android .icon-right-nav:before {
+  content: '\e806';
+}
+.platform-android .icon-search:before {
+  content: '\e807';
+}
+.platform-android .icon-share:before {
+  content: '\e808';
+}
+.platform-android .icon-up:before,
+.platform-android .icon-up-nav:before {
+  content: '\e809';
+}
 .platform-android .device {
   font-family: 'Roboto', sans-serif;
   background-image: url("../img/android.png");

lib/sass/push.scss

@@ -50,9 +50,9 @@
 }
 .push-left:after {
   left: 15px;
-  content: '\e803';
+  content: '\e80d';
 }
 .push-right:after {
   right: 15px;
-  content: '\e800';
+  content: '\e811';
 }

lib/sass/ratchicons.scss

@@ -21,22 +21,44 @@
   cursor: default;
   -webkit-font-smoothing: antialiased;
 }
-.icon-code:before { content: '\e804'; }
+.icon-back:before { content: '\e80a'; }
-.icon-down:before { content: '\e801'; }
+.icon-bars:before { content: '\e817'; }
-.icon-download:before { content: '\f005'; }
+.icon-caret:before { content: '\e818'; }
-.icon-left:before { content: '\e803'; }
+.icon-check:before { content: '\e819'; }
-.icon-lg-down:before { content: '\f00b'; }
+.icon-close:before { content: '\e81a'; }
-.icon-lg-left:before { content: '\f00c'; }
+.icon-code:before { content: '\e81b'; }
-.icon-lg-right:before { content: '\f00d'; }
+.icon-compose:before { content: '\e81c'; }
-.icon-lg-up:before { content: '\f00e'; }
+.icon-down-nav:before { content: '\e81d'; }
-.icon-list:before { content: '\f008'; }
+.icon-down:before { content: '\e80b'; }
-.icon-pages:before { content: '\f000'; }
+.icon-download:before { content: '\e81e'; }
-.icon-refresh:before { content: '\f009'; }
+.icon-edit:before { content: '\e81f'; }
-.icon-right:before { content: '\e800'; }
+.icon-forward:before { content: '\e820'; }
-.icon-search:before { content: '\f007'; }
+.icon-gear:before { content: '\e80c'; }
-.icon-share:before { content: '\f00a'; }
+.icon-home:before { content: '\e821'; }
-.icon-sound2:before { content: '\f002'; }
+.icon-info:before { content: '\e822'; }
-.icon-sound3:before { content: '\f003'; }
+.icon-left-nav:before { content: '\e823'; }
-.icon-sound4:before { content: '\f004'; }
+.icon-left:before { content: '\e80d'; }
-.icon-sound:before { content: '\f001'; }
+.icon-list:before { content: '\e80e'; }
-.icon-up:before { content: '\e802'; }
+.icon-more-vertical:before { content: '\e824'; }
+.icon-more:before { content: '\e825'; }
+.icon-pages:before { content: '\e80f'; }
+.icon-pause:before { content: '\e826'; }
+.icon-person:before { content: '\e827'; }
+.icon-play:before { content: '\e828'; }
+.icon-plus:before { content: '\e829'; }
+.icon-refresh:before { content: '\e810'; }
+.icon-right-nav:before { content: '\e82a'; }
+.icon-right:before { content: '\e811'; }
+.icon-search:before { content: '\e82b'; }
+.icon-share:before { content: '\e82c'; }
+.icon-sound2:before { content: '\e813'; }
+.icon-sound3:before { content: '\e814'; }
+.icon-sound4:before { content: '\e815'; }
+.icon-sound:before { content: '\e812'; }
+.icon-star-filled:before { content: '\e82d'; }
+.icon-star:before { content: '\e82e'; }
+.icon-stop:before { content: '\e82f'; }
+.icon-trash:before { content: '\e830'; }
+.icon-up-nav:before { content: '\e832'; }
+.icon-up:before { content: '\e816'; }
+.icon-user:before { content: '\e831'; }

lib/sass/theme-android.scss

@@ -598,9 +598,9 @@ textarea,
 }
 
 
-//
 // Toggles styles
 // --------------------------------------------------
+
 .toggle {
   width: 104px;
   height: 28px;
@@ -645,3 +645,33 @@ textarea,
     }
   }
 }
+
+
+// Push icons
+// --------------------------------------------------
+
+.push-left:after {
+  content: '\e803';
+}
+.push-right:after {
+  content: '\e806';
+}
+
+
+// Ratchicons for Android 
+// --------------------------------------------------
+
+.icon-caret:before { content: '\e800'; }
+.icon-down:before,
+.icon-down-nav:before { content: '\e801'; }
+.icon-download:before { content: '\e802'; }
+.icon-left:before,
+.icon-left-nav:before { content: '\e803'; }
+.icon-more-vertical:before { content: '\e804'; }
+.icon-more:before { content: '\e805'; } 
+.icon-right:before,
+.icon-right-nav:before { content: '\e806'; }
+.icon-search:before { content: '\e807'; }
+.icon-share:before { content: '\e808'; }
+.icon-up:before,
+.icon-up-nav:before { content: '\e809'; }

two.html

@@ -15,7 +15,7 @@
   </head>
   <body ontouchstart="">
     <header class="bar bar-nav">
-      <a class="icon icon-lg-left 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">