mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2024-12-26 21:41:31 +08:00
updating new feature list
This commit is contained in:
parent
b007c64141
commit
227c653b72
@ -10,29 +10,28 @@
|
||||
<section id="whats-new" class="feature-list">
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-compass"></i> {{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4>
|
||||
<h4><i class="fa-icon fa-icon-file-text-alt"></i> Completely Rewritten</h4>
|
||||
Everything re-written from the ground up for speed and simplicity.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-fighter-jet"></i> CSS Best Practices</h4>
|
||||
New icon base class allows simpler CSS, faster rendering, and easier control.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-terminal"></i> Predictable Icon Names</h4>
|
||||
Icon names should now be more consistent and easier to predict and remember.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-thumbs-up-alt"></i> Bootstrap 3</h4>
|
||||
Font Awesome {{ site.fontawesome.minor_version }} is fully tested and compatible with Bootstrap 3.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-code"></i> Better Compatibility</h4>
|
||||
Font Awesome is now more compatible with all web frameworks, including Foundation.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-rub"></i> {{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}</h4>
|
||||
Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-terminal"></i> SCSS Support</h4>
|
||||
A long term solution is now in place for SCSS support. Need SASS? Try <a href="http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax">sass-convert</a>.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-gavel"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4>
|
||||
SIL OFL 1.1 for font, MIT license for code. No more attribution required, but much appreciated.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-magic"></i> Pixel Perfection at 14px</h4>
|
||||
Version 3 was re-created from the ground up to be razor sharp at Bootstrap's default 14px.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-th-large"></i> <a href="http://icnfnt.com/">Font Subsetting</a></h4>
|
||||
Thanks to <a href="https://twitter.com/grantgordon">@grantgordon</a> and <a href="https://twitter.com/johnsmclay">@johnsmclay</a>, you can <a href="http://icnfnt.com/">subset</a> to get just the icons you need.
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4><i class="fa-icon fa-icon-question-circle"></i> Want More Details?</h4>
|
||||
Check out the <a href="{{ site.fontawesome.github.url }}#changelog">CHANGELOG on the GitHub project</a> to see
|
||||
what's new and changed.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
@ -9,7 +9,7 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4 class="margin-bottom-sm">fa-icon-*</h4>
|
||||
<p class="text-muted margin-bottom-sm">Solid icons as the base variant</p>
|
||||
<p class="margin-bottom-sm">Solid icons as the base variant</p>
|
||||
<ul class="fa-icon-ul padding-left-sm">
|
||||
<li>
|
||||
<i class="fa-icon fa-icon-bookmark fa-icon-li"></i>
|
||||
@ -27,7 +27,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4 class="margin-bottom-sm">*-alt</h4>
|
||||
<p class="text-muted margin-bottom-sm">Outlined version of previous modifier</p>
|
||||
<p class="margin-bottom-sm">Outlined version of previous modifier</p>
|
||||
<ul class="fa-icon-ul padding-left-sm">
|
||||
<li>
|
||||
<i class="fa-icon fa-icon-bookmark-alt fa-icon-li"></i>
|
||||
@ -45,7 +45,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4 class="margin-bottom-sm">*-circle</h4>
|
||||
<p class="text-muted margin-bottom-sm">Circle under previous modifier</p>
|
||||
<p class="margin-bottom-sm">Circle under previous modifier</p>
|
||||
<ul class="fa-icon-ul padding-left-sm">
|
||||
<li>
|
||||
<i class="fa-icon fa-icon-check-circle fa-icon-li"></i>
|
||||
@ -63,7 +63,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4 class="margin-bottom-sm">*-square</h4>
|
||||
<p class="text-muted margin-bottom-sm">Square under previous modifier</p>
|
||||
<p class="margin-bottom-sm">Square under previous modifier</p>
|
||||
<ul class="fa-icon-ul padding-left-sm">
|
||||
<li>
|
||||
<i class="fa-icon fa-icon-check-square fa-icon-li"></i>
|
||||
@ -81,7 +81,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4 class="margin-bottom-sm">*-right, *-up, etc.</h4>
|
||||
<p class="text-muted margin-bottom-sm">Directional modifier always at the end</p>
|
||||
<p class="margin-bottom-sm">Directional modifier always at the end</p>
|
||||
<ul class="fa-icon-ul padding-left-sm">
|
||||
<li>
|
||||
<i class="fa-icon fa-icon-arrow-right fa-icon-li"></i>
|
||||
@ -99,7 +99,7 @@
|
||||
</div>
|
||||
<div class="col-md-4 col-sm-6">
|
||||
<h4 class="margin-bottom-sm">Combine 'em up...</h4>
|
||||
<p class="text-muted margin-bottom-sm">Consistent when strung together</p>
|
||||
<p class="margin-bottom-sm">Consistent when strung together</p>
|
||||
<ul class="fa-icon-ul padding-left-sm">
|
||||
<li>
|
||||
<i class="fa-icon fa-icon-arrow-circle-alt-right fa-icon-li"></i>
|
||||
|
Loading…
Reference in New Issue
Block a user