FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-27 14:01:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating new feature list

Browse Source
This commit is contained in:
davegandy 2013-10-18 17:31:47 -04:00
parent b007c64141
commit 227c653b72
2 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/_includes/new-features.html
View File

@ -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>

12
src/_includes/new-naming.html
View File

@ -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>