FlandreScarle7/Fork-Awesome
1
0
Fork 0
mirror of https://github.com/ForkAwesome/Fork-Awesome.git synced 2024-12-25 21:11:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

new version Wed Mar 7 16:59:13 EST 2018

Browse Source
This commit is contained in:
Julien Deswaef 2018-03-07 16:59:13 -05:00
parent 8264545ec3
commit be1f9cea4c
3 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/fork-awesome/scss/_path.scss
View File

@ -3,13 +3,13 @@
@font-face { @font-face {
font-family: '#{$fa-font-family}'; font-family: '#{$fa-font-family}';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); src: url('#{$fa-font-path}/forkawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), src: url('#{$fa-font-path}/forkawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), url('#{$fa-font-path}/forkawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), url('#{$fa-font-path}/forkawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), url('#{$fa-font-path}/forkawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); url('#{$fa-font-path}/forkawesome-webfont.svg?v=#{$fa-version}#forkawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts // src: url('#{$fa-font-path}/ForkAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

7
assets/fork-awesome/scss/_variables.scss
View File

@ -4,10 +4,9 @@
$fa-font-path: "../fonts" !default; $fa-font-path: "../fonts" !default;
$fa-font-size-base: 14px !default; $fa-font-size-base: 14px !default;
$fa-line-height-base: 1 !default; $fa-line-height-base: 1 !default;
//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome//fonts" !default; // for referencing Bootstrap CDN font files directly $fa-css-prefix: "fa" !default;
$fa-css-prefix: !default; $fa-font-family: "ForkAwesome" !default;
$fa-font-family: !default; $fa-version: "1.0.10" !default;
$fa-version: "" !default;
$fa-border-color: #eee !default; $fa-border-color: #eee !default;
$fa-inverse: #fff !default; $fa-inverse: #fff !default;
$fa-li-width: (30em / 14) !default; $fa-li-width: (30em / 14) !default;

33
get-started/index.html
View File

@ -128,6 +128,23 @@
<div class="container"> <div class="container">
<section class="get-started-CDN margin-top-lg" id="get-started-CDN">
<h2 class="page-header clearfix">
Use a CDN for Fork Awesome
<span class="label label-default text-base pull-right">simple</span>
</h2>
<div class="row">
<div class="col-md-12">
<p>The simplest way to get Fork Awesome in your project is to copy the line below in between the <code>&lt;head&gt;</code> tags of your HTML source files. Then check the <a href="../examples/">examples</a> to start displaying icons.
<p>
<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/fork-awesome@1.0.10/css/fork-awesome.min.css&quot;</span> <span class="na">integrity=</span><span class="s">&quot;sha256-MJocQFrXYBrLYBcgXsrZDp5b8/fC51HP3+6yrY74XXI=&quot;</span> <span class="na">crossorigin=</span><span class="s">&quot;anonymous&quot;</span><span class="nt">&gt;</span>
</code></pre></div>
</p>
<p>Thanks to <a href="https://www.jsdelivr.com/package/npm/fork-awesome">jsDelivr</a> for providing the CDN for Fork Awesome</p>
</div>
</div>
</section>
<section class="get-started-download" id="get-started-download"> <section class="get-started-download" id="get-started-download">
<h2 class="page-header clearfix"> <h2 class="page-header clearfix">
@ -155,7 +172,7 @@
<h3>Using CSS</h3> <h3>Using CSS</h3>
<ol> <ol>
<li>Copy the entire <code>font-awesome</code> directory into your project.</li> <li>Copy the entire <code>fork-awesome</code> directory into your project.</li>
<li> <li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css. In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/fork-awesome/css/fork-awesome.min.css&quot;</span><span class="nt">&gt;</span> <div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;path/to/fork-awesome/css/fork-awesome.min.css&quot;</span><span class="nt">&gt;</span>
@ -184,20 +201,6 @@
</div> </div>
</section> </section>
<section class="get-started-CDN margin-top-lg" id="get-started-CDN">
<h2 class="page-header">Using Fork Awesome with a CDN</h2>
</section>
<div class="row">
<div class="col-md-12">
<p>Thanks to <a href="https://www.jsdelivr.com">jsDelivr</a>, Fork Awesome is available via a CDN as well.</p>
<p>
<div class="highlight"><pre><code class="html"><span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;https://cdn.jsdelivr.net/npm/fork-awesome@1.0.10/css/fork-awesome.min.css&quot;</span> <span class="na">integrity=</span><span class="s">&quot;sha256-MJocQFrXYBrLYBcgXsrZDp5b8/fC51HP3+6yrY74XXI=&quot;</span> <span class="na">crossorigin=</span><span class="s">&quot;anonymous&quot;</span><span class="nt">&gt;</span>
</code></pre></div>
</p>
</div>
</div>
<section class="get-started-more margin-top-lg" id="get-started-more"> <section class="get-started-more margin-top-lg" id="get-started-more">
<h2 class="page-header">More Information</h2> <h2 class="page-header">More Information</h2>
</section> </section>