adding to naming docs, updating wording on new features

This commit is contained in:
davegandy 2013-10-19 09:54:41 -04:00
parent 227c653b72
commit 1b24f51c70
2 changed files with 4 additions and 4 deletions

View File

@ -18,8 +18,8 @@
New icon base class allows simpler CSS, faster rendering, and easier control. New icon base class allows simpler CSS, faster rendering, and easier control.
</div> </div>
<div class="col-md-4 col-sm-6"> <div class="col-md-4 col-sm-6">
<h4><i class="fa-icon fa-icon-terminal"></i> Predictable Icon Names</h4> <h4><i class="fa-icon fa-icon-terminal"></i> New Icon Names</h4>
Icon names should now be more consistent and easier to predict and remember. Icons have been renamed to improve consistency and predictability.
</div> </div>
<div class="col-md-4 col-sm-6"> <div class="col-md-4 col-sm-6">
<h4><i class="fa-icon fa-icon-thumbs-up-alt"></i> Bootstrap 3</h4> <h4><i class="fa-icon fa-icon-thumbs-up-alt"></i> Bootstrap 3</h4>

View File

@ -1,11 +1,11 @@
<section id="new-naming"> <section id="new-naming">
<h2 class="page-header">New Naming Conventions in {{ site.fontawesome.minor_version }}</h2> <h2 class="page-header">New Naming Conventions in {{ site.fontawesome.minor_version }}</h2>
<p class="lead text-center alert alert-info">fa-icon-[name]-[shape]-[alt]-[direction]</p>
<p> <p>
A desire for better icon naming <strong>consistency</strong> and <strong>predictability</strong> are at the heart A desire for better icon naming <strong>consistency</strong> and <strong>predictability</strong> are at the heart
of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict of the changes in naming conventions. Once you know the name of the base icon shape, you should be able to predict
the name of variants. Here are a few examples. the names of variants.
</p> </p>
<div class="row"> <div class="row">
<div class="col-md-4 col-sm-6"> <div class="col-md-4 col-sm-6">
<h4 class="margin-bottom-sm">fa-icon-*</h4> <h4 class="margin-bottom-sm">fa-icon-*</h4>