Release 5.0.0-beta3

This commit is contained in:
robmadole
2017-08-15 10:33:54 -05:00
committed by Rob Madole
parent 5efe31d8eb
commit 312e55bab8
114 changed files with 20155 additions and 17362 deletions

View File

@@ -7,7 +7,7 @@
<title>V4 Parity - Font Awesome 5</title>
<script defer src="../js/v4-shim.js"></script>
<script defer src="../js/v4-shims.js"></script>
<script defer src="../js/packs/solid.js"></script>
<script defer src="../js/packs/regular.js"></script>
<script defer src="../js/packs/light.js"></script>
@@ -47,30 +47,31 @@
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-flag-r fa5-lg"></i></span>
<span class="fw6">Getting Started</span>
</a>
<a href="inventory.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<a href="../docs/inventory.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-book-r fa5-lg"></i></span>
<span class="fw6">All Icons</span>
</a>
<a href="recent.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<a href="../docs/recent.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-clock-r fa5-lg"></i></span>
<span class="fw6">Recently Added</span>
</a>
<a href="svg-framework.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<a href="../docs/svg-framework.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-magic-r fa5-lg"></i></span>
<span class="fw6">SVG Framework</span>
</a>
<a href="svg-sprite.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<a href="../docs/svg-sprite.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-th-r fa5-lg"></i></span>
<span class="fw6">SVG Sprites</span>
</a>
<a href="webfont.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<a href="../docs/webfont.html" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-font-r fa5-lg"></i></span>
<span class="fw6">Web Font</span>
</a>
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/packages/fontawesome" target="_blank" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib fw8 v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-code fa5-lg"></i></span>
<span class="fw6">JS/npm Package</span>
<a href="https://github.com/FortAwesome/Font-Awesome-Pro/tree/master/packages/fontawesome" target="_blank" class="db link white o-80 glow tc-ns f3 mb4 bb bw1 b--white-05 pb4">
<span class="dib fw8 v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-npm fa5-2x"></i>
</span>
<span class="fw6">npm Package</span>
</a>
<a href="https://github.com/FortAwesome/Font-Awesome-Pro" target="_blank" class="db link white o-80 glow tc-ns f3">
<span class="dib v-mid db-ns mb2-ns mr2 mr0-ns o-40"><i class="fa5 fa5-github fa5-2x"></i></span>
@@ -78,8 +79,8 @@
</a>
</nav>
<a href="#page-top" class="dn db-ns link white o-40 glow absolute bottom-2 center-h">
<i class="fa5 fa5-arrow-to-top-r fa5-2x" title="Back to top of page"></i>
<a href="#page-top" class="dn db-ns link o-20 glow white glow fixed bottom--1 right-1 bg-blue br3 br--top pa3 pb4 z-2">
<span data-balloon="Top of the page" data-balloon-pos="left"><i class="fa5 fa5-arrow-to-top-r"></i></span>
</a>
</div>
@@ -91,14 +92,14 @@
<div class="relative mb4">
<div class="bg-gray2 br-pill shadow-inset-2">
<div class="bg-blue br-pill gray0 f2 tr pa2 pr3 fw6 f4 relative bg-img bg-img-o-10 bg-img-fa-icons z-2" style="width: 94%"><span class="z-2">94%</span></div>
<div class="bg-blue br-pill gray0 f2 tr pa2 pr3 fw6 f4 relative bg-img bg-img-o-10 bg-img-fa-icons z-2" style="width: 96%"><span class="z-2">96%</span></div>
</div>
<span class="fw6 absolute right-1 gray5" style="top: 50%; transform: translateY(-50%);">675</span>
</div>
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<h2 class="mt0 mb2 b f5">Pending (39)</h2>
<h2 class="mt0 mb2 b f5">Pending (28)</h2>
<section>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
@@ -114,19 +115,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-binoculars min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">binoculars</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -140,19 +128,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-code-fork min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">code-fork</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -179,19 +154,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-fire-extinguisher min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">fire-extinguisher</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -218,32 +180,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-gavel min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">gavel</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-gift min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">gift</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -413,32 +349,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-moon-o min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">moon-o</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-plug min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">plug</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -465,32 +375,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-shopping-bag min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">shopping-bag</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-shopping-basket min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">shopping-basket</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -517,19 +401,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-sun-o min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">sun-o</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -569,19 +440,6 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-umbrella min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<span class="danger4">?</span>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">umbrella</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -613,7 +471,7 @@
<hr class="bg-transparent ba bw1 b--gray1 pa0 mv4 mv6-ns">
<h2 class="mt0 mb2 b f5">Finished (636)</h2>
<h2 class="mt0 mb2 b f5">Finished (647)</h2>
<section>
<ul class="nl3 nr3 list ma0 pa0 flex flex-row flex-wrap gray9">
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
@@ -1513,6 +1371,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-binoculars min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-binoculars min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">binoculars</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -2540,6 +2411,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-code-fork min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-code-fork min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">code-fork</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -3684,6 +3568,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-fire-extinguisher min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-fire-extinguisher min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">fire-extinguisher</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -3957,6 +3854,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-gavel min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-gavel min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">gavel</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -4022,6 +3932,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-gift min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-gift min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">gift</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -5543,6 +5466,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-moon-o min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-moon-o min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">moon-o</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -6102,6 +6038,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-plug min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-plug min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">plug</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -6752,6 +6701,32 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-shopping-bag min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-shopping-bag min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">shopping-bag</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-shopping-basket min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-shopping-basket min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">shopping-basket</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -7467,6 +7442,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-sun-o min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-sun-o min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">sun-o</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
@@ -8130,6 +8118,19 @@
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">
<i class="fa4 fa4-umbrella min-w1 w-auto"></i>
</div>
<div class="w-20 tc">
<i class="fa fa-umbrella min-w1 w-auto"></i>
</div>
<div class="w-60">
<span class="ml2 f2 gray5 fw6">umbrella</span>
</div>
</div>
</li>
<li class="ma0 pa3 w-third w-25-ns link hover-bg-white br2">
<div class="flex flex-row flex-no-wrap items-center" style="font-size: 16px;">
<div class="w-20 tc">

File diff suppressed because it is too large Load Diff