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

fixup! addressing UI feedback

Browse Source
This commit is contained in:
Brian Talbot 2016-04-18 11:53:59 -04:00
parent aacf4d1fac
commit 558cb1d8f0
3 changed files with 10 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/font-awesome.css vendored
View File

@ -61,7 +61,7 @@
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border: solid 0.08em #eee;
border-radius: .1em;
}
.fa-pull-left {
@ -176,7 +176,7 @@
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

2
css/font-awesome.min.css vendored
View File

File diff suppressed because one or more lines are too long

33
src/get-started.html
View File

@ -47,6 +47,13 @@ relative_path: ../
<p class="help-block"><a role="button" data-toggle="collapse" href="#cdn-why-email" aria-expanded="false" aria-controls="collapseExample">Why do we need your email address?</a></p>
<div class="collapse" id="cdn-why-email">
<div class="well">
<h5>Why we need your email address</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="row margin-bottom-none">
<div class="col-md-4">
<h4>Add icons, quickly &amp; easily</h4>
@ -63,13 +70,6 @@ relative_path: ../
<p>Make sure your interface loads on time with your icons. Don't want page loads to slow down for another request. We don't either. Have them load in the background, once your page has one.</p>
</div>
</div>
<div class="collapse" id="cdn-why-email">
<div class="well">
<h5>Why we need your email address</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</section>
<div class="hr margin-top-lg">
@ -212,27 +212,8 @@ $ gem install font-awesome-sass
</div>
</section>
<<<<<<< 8bc6342828e6aecc8fe86950af72d0f63377a19f
<section id="custom-less">
<h2 class="page-header">PRO: Custom LESS or SASS</h2>
<p>Use this method to customize Font Awesome {{ site.fontawesome.version }} using LESS or SASS.</p>
<ol>
<li>Copy the <code>font-awesome/</code> directory into your project.</li>
<li>
Open your project's <code>font-awesome/less/variables.less</code> or <code>font-awesome/scss/_variables.scss</code> and edit the <code>@fa-font-path</code> or <code>$fa-font-path</code>
variable to point to your font directory.
{% highlight scss %}
@fa-font-path: "../font";
{% endhighlight %}
<p class="alert alert-success"><i class="fa fa-info-circle" aria-hidden="true"></i> The font path is relative from your compiled CSS directory.</p>
</li>
<li>Re-compile your LESS or SASS if using a static compiler. Otherwise, you should be good to go.</li>
<li>Check out the <a href="{{ page.relative_path }}examples/">examples</a> to start using Font Awesome!</li>
</ol>
=======
<section class="get-started-more margin-top-lg" id="get-started-more">
<h2 class="page-header">More Information</h2>
>>>>>>> WIP - revising get started UI with Font CDN options
</section>
<div class="row">