mirror of
https://github.com/ForkAwesome/Fork-Awesome
synced 2024-05-15 12:56:41 +02:00
Merge remote-tracking branch 'origin/3.2.0-wip' into 3.2.0-wip
This commit is contained in:
robmadole
commit
03fb019d8b
31
_config.yml
31
_config.yml
|
|
@ -15,31 +15,36 @@ icon_meta: build/icons.yml
|
|||
icon_layout: icon.html # Relative to _layouts directory
|
||||
icon_destination: icon # Relative to destination
|
||||
|
||||
font_awesome:
|
||||
fontawesome:
|
||||
version: 3.2.0
|
||||
url: http://fontawesome.io
|
||||
legacy_url: http://fortawesome.github.com/Font-Awesome/
|
||||
blog_url: http://blog.fontawesome.io
|
||||
twitter: fontawesome
|
||||
tagline: The iconic font for designed Bootstrap
|
||||
author:
|
||||
name: Dave Gandy
|
||||
email: dave@fontawesome.io
|
||||
twitter: byscuits
|
||||
work:
|
||||
name: Kyruus
|
||||
url: http://kyruus.com
|
||||
title: Lead Product Designer
|
||||
github:
|
||||
url: https://github.com/FortAwesome/Font-Awesome
|
||||
project: Font-Awesome
|
||||
org: FortAwesome
|
||||
license:
|
||||
font:
|
||||
version: SIL OFL 1.1
|
||||
url: http://scripts.sil.org/OFL
|
||||
code:
|
||||
version: MIT License
|
||||
url: http://opensource.org/licenses/mit-license.html
|
||||
documentation:
|
||||
version: CC BY 3.0
|
||||
url: http://creativecommons.org/licenses/by/3.0/
|
||||
|
||||
bootstrap:
|
||||
version: 2.3.1
|
||||
version: 2.3.2
|
||||
url: http://getbootstrap.com
|
||||
|
||||
license:
|
||||
font:
|
||||
version: SIL OFL 1.1
|
||||
url: http://scripts.sil.org/OFL
|
||||
code:
|
||||
version: MIT License
|
||||
url: http://opensource.org/licenses/mit-license.html
|
||||
documentation:
|
||||
version: CC BY 3.0
|
||||
url: http://creativecommons.org/licenses/by/3.0/
|
||||
|
|
|
|||
|
|
@ -11,14 +11,20 @@ FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css
|
|||
FA_CSS_IE7 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css
|
||||
FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
|
||||
|
||||
SITE_LESS_DIRECTORY = assets/less
|
||||
SITE_CSS_DIRECTORY = assets/css
|
||||
|
||||
SITE_LESS = ${SITE_LESS_DIRECTORY}/site.less
|
||||
SITE_CSS_MIN = ${SITE_CSS_DIRECTORY}/site.css
|
||||
|
||||
build:
|
||||
@echo "Compiling Less files"
|
||||
@mkdir -p ${FA_CSS_DIRECTORY}
|
||||
recess --compile ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
|
||||
recess --compile --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
|
||||
recess --compile ${FA_LESS_IE7} > ${FA_CSS_IE7}
|
||||
recess --compile --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
|
||||
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
|
||||
lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
|
||||
lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
|
||||
lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
|
||||
lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
|
||||
|
||||
|
||||
default: build
|
||||
|
|
|
|||
|
|
@ -6,323 +6,14 @@
|
|||
{% endcapture %}
|
||||
{% include stripe-ad.html %}
|
||||
|
||||
<div>
|
||||
<h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, & Unicode</h2>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-fixed-width"></i> icon-glass <span class="muted">(&#xf000;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-music <span class="muted">(&#xf001;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-search <span class="muted">(&#xf002;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-envelope <span class="muted">(&#xf003;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-heart <span class="muted">(&#xf004;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-star <span class="muted">(&#xf005;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-star-empty <span class="muted">(&#xf006;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-user <span class="muted">(&#xf007;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-film <span class="muted">(&#xf008;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-th-large <span class="muted">(&#xf009;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-th <span class="muted">(&#xf00a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-th-list <span class="muted">(&#xf00b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ok <span class="muted">(&#xf00c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-remove <span class="muted">(&#xf00d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-zoom-in <span class="muted">(&#xf00e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-zoom-out <span class="muted">(&#xf010;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-off <span class="muted">(&#xf011;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-signal <span class="muted">(&#xf012;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-cog <span class="muted">(&#xf013;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-trash <span class="muted">(&#xf014;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-home <span class="muted">(&#xf015;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-file <span class="muted">(&#xf016;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-time <span class="muted">(&#xf017;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-road <span class="muted">(&#xf018;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-download-alt <span class="muted">(&#xf019;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-download <span class="muted">(&#xf01a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-upload <span class="muted">(&#xf01b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-inbox <span class="muted">(&#xf01c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-play-circle <span class="muted">(&#xf01d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-repeat <span class="muted">(&#xf01e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-refresh <span class="muted">(&#xf021;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-list-alt <span class="muted">(&#xf022;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-lock <span class="muted">(&#xf023;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-flag <span class="muted">(&#xf024;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-headphones <span class="muted">(&#xf025;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-volume-off <span class="muted">(&#xf026;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-volume-down <span class="muted">(&#xf027;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-volume-up <span class="muted">(&#xf028;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-qrcode <span class="muted">(&#xf029;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-barcode <span class="muted">(&#xf02a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-tag <span class="muted">(&#xf02b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-tags <span class="muted">(&#xf02c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-book <span class="muted">(&#xf02d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bookmark <span class="muted">(&#xf02e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-print <span class="muted">(&#xf02f;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-camera <span class="muted">(&#xf030;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-font <span class="muted">(&#xf031;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bold <span class="muted">(&#xf032;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-italic <span class="muted">(&#xf033;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-text-height <span class="muted">(&#xf034;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-text-width <span class="muted">(&#xf035;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-align-left <span class="muted">(&#xf036;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-align-center <span class="muted">(&#xf037;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-align-right <span class="muted">(&#xf038;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-align-justify <span class="muted">(&#xf039;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-list <span class="muted">(&#xf03a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-indent-left <span class="muted">(&#xf03b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-indent-right <span class="muted">(&#xf03c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-facetime-video <span class="muted">(&#xf03d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-picture <span class="muted">(&#xf03e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-pencil <span class="muted">(&#xf040;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-map-marker <span class="muted">(&#xf041;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-adjust <span class="muted">(&#xf042;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-tint <span class="muted">(&#xf043;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-edit <span class="muted">(&#xf044;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-share <span class="muted">(&#xf045;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-check <span class="muted">(&#xf046;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-move <span class="muted">(&#xf047;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-step-backward <span class="muted">(&#xf048;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-fast-backward <span class="muted">(&#xf049;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-backward <span class="muted">(&#xf04a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-play <span class="muted">(&#xf04b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-pause <span class="muted">(&#xf04c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-stop <span class="muted">(&#xf04d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-forward <span class="muted">(&#xf04e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-fast-forward <span class="muted">(&#xf050;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-step-forward <span class="muted">(&#xf051;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-eject <span class="muted">(&#xf052;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-left <span class="muted">(&#xf053;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-right <span class="muted">(&#xf054;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-plus-sign <span class="muted">(&#xf055;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-minus-sign <span class="muted">(&#xf056;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-remove-sign <span class="muted">(&#xf057;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ok-sign <span class="muted">(&#xf058;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-question-sign <span class="muted">(&#xf059;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-info-sign <span class="muted">(&#xf05a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-screenshot <span class="muted">(&#xf05b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-remove-circle <span class="muted">(&#xf05c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ok-circle <span class="muted">(&#xf05d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ban-circle <span class="muted">(&#xf05e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-arrow-left <span class="muted">(&#xf060;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-arrow-right <span class="muted">(&#xf061;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-arrow-up <span class="muted">(&#xf062;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-arrow-down <span class="muted">(&#xf063;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-share-alt <span class="muted">(&#xf064;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-resize-full <span class="muted">(&#xf065;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-resize-small <span class="muted">(&#xf066;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-plus <span class="muted">(&#xf067;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-minus <span class="muted">(&#xf068;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-asterisk <span class="muted">(&#xf069;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-exclamation-sign <span class="muted">(&#xf06a;)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-fixed-width"></i> icon-gift <span class="muted">(&#xf06b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-leaf <span class="muted">(&#xf06c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-fire <span class="muted">(&#xf06d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-eye-open <span class="muted">(&#xf06e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-eye-close <span class="muted">(&#xf070;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-warning-sign <span class="muted">(&#xf071;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-plane <span class="muted">(&#xf072;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-calendar <span class="muted">(&#xf073;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-random <span class="muted">(&#xf074;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-comment <span class="muted">(&#xf075;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-magnet <span class="muted">(&#xf076;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-up <span class="muted">(&#xf077;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-down <span class="muted">(&#xf078;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-retweet <span class="muted">(&#xf079;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-shopping-cart <span class="muted">(&#xf07a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-folder-close <span class="muted">(&#xf07b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-folder-open <span class="muted">(&#xf07c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-resize-vertical <span class="muted">(&#xf07d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-resize-horizontal <span class="muted">(&#xf07e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bar-chart <span class="muted">(&#xf080;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-twitter-sign <span class="muted">(&#xf081;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-facebook-sign <span class="muted">(&#xf082;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-camera-retro <span class="muted">(&#xf083;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-key <span class="muted">(&#xf084;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-cogs <span class="muted">(&#xf085;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-comments <span class="muted">(&#xf086;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-thumbs-up <span class="muted">(&#xf087;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-thumbs-down <span class="muted">(&#xf088;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-star-half <span class="muted">(&#xf089;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-heart-empty <span class="muted">(&#xf08a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-signout <span class="muted">(&#xf08b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-linkedin-sign <span class="muted">(&#xf08c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-pushpin <span class="muted">(&#xf08d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-external-link <span class="muted">(&#xf08e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-signin <span class="muted">(&#xf090;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-trophy <span class="muted">(&#xf091;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-github-sign <span class="muted">(&#xf092;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-upload-alt <span class="muted">(&#xf093;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-lemon <span class="muted">(&#xf094;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-phone <span class="muted">(&#xf095;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-check-empty <span class="muted">(&#xf096;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bookmark-empty <span class="muted">(&#xf097;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-phone-sign <span class="muted">(&#xf098;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-twitter <span class="muted">(&#xf099;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-facebook <span class="muted">(&#xf09a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-github <span class="muted">(&#xf09b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-unlock <span class="muted">(&#xf09c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-credit-card <span class="muted">(&#xf09d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-rss <span class="muted">(&#xf09e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-hdd <span class="muted">(&#xf0a0;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bullhorn <span class="muted">(&#xf0a1;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bell <span class="muted">(&#xf0a2;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-certificate <span class="muted">(&#xf0a3;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-hand-right <span class="muted">(&#xf0a4;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-hand-left <span class="muted">(&#xf0a5;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-hand-up <span class="muted">(&#xf0a6;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-hand-down <span class="muted">(&#xf0a7;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-circle-arrow-left <span class="muted">(&#xf0a8;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-circle-arrow-right <span class="muted">(&#xf0a9;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-circle-arrow-up <span class="muted">(&#xf0aa;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-circle-arrow-down <span class="muted">(&#xf0ab;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-globe <span class="muted">(&#xf0ac;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-wrench <span class="muted">(&#xf0ad;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-tasks <span class="muted">(&#xf0ae;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-filter <span class="muted">(&#xf0b0;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-briefcase <span class="muted">(&#xf0b1;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-fullscreen <span class="muted">(&#xf0b2;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-group <span class="muted">(&#xf0c0;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-link <span class="muted">(&#xf0c1;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-cloud <span class="muted">(&#xf0c2;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-beaker <span class="muted">(&#xf0c3;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-cut <span class="muted">(&#xf0c4;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-copy <span class="muted">(&#xf0c5;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-paper-clip <span class="muted">(&#xf0c6;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-save <span class="muted">(&#xf0c7;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-sign-blank <span class="muted">(&#xf0c8;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-reorder <span class="muted">(&#xf0c9;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-list-ul <span class="muted">(&#xf0ca;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-list-ol <span class="muted">(&#xf0cb;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-strikethrough <span class="muted">(&#xf0cc;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-underline <span class="muted">(&#xf0cd;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-table <span class="muted">(&#xf0ce;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-magic <span class="muted">(&#xf0d0;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-truck <span class="muted">(&#xf0d1;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-pinterest <span class="muted">(&#xf0d2;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-pinterest-sign <span class="muted">(&#xf0d3;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-google-plus-sign <span class="muted">(&#xf0d4;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-google-plus <span class="muted">(&#xf0d5;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-money <span class="muted">(&#xf0d6;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-caret-down <span class="muted">(&#xf0d7;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-caret-up <span class="muted">(&#xf0d8;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-caret-left <span class="muted">(&#xf0d9;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-caret-right <span class="muted">(&#xf0da;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-columns <span class="muted">(&#xf0db;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-sort <span class="muted">(&#xf0dc;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-sort-down <span class="muted">(&#xf0dd;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-sort-up <span class="muted">(&#xf0de;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-envelope-alt <span class="muted">(&#xf0e0;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-linkedin <span class="muted">(&#xf0e1;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-undo <span class="muted">(&#xf0e2;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-legal <span class="muted">(&#xf0e3;)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-fixed-width"></i> icon-dashboard <span class="muted">(&#xf0e4;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-comment-alt <span class="muted">(&#xf0e5;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-comments-alt <span class="muted">(&#xf0e6;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bolt <span class="muted">(&#xf0e7;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-sitemap <span class="muted">(&#xf0e8;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-umbrella <span class="muted">(&#xf0e9;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-paste <span class="muted">(&#xf0ea;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-lightbulb <span class="muted">(&#xf0eb;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-exchange <span class="muted">(&#xf0ec;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-cloud-download <span class="muted">(&#xf0ed;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-cloud-upload <span class="muted">(&#xf0ee;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-user-md <span class="muted">(&#xf0f0;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-stethoscope <span class="muted">(&#xf0f1;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-suitcase <span class="muted">(&#xf0f2;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bell-alt <span class="muted">(&#xf0f3;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-coffee <span class="muted">(&#xf0f4;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-food <span class="muted">(&#xf0f5;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-file-alt <span class="muted">(&#xf0f6;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-building <span class="muted">(&#xf0f7;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-hospital <span class="muted">(&#xf0f8;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ambulance <span class="muted">(&#xf0f9;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-medkit <span class="muted">(&#xf0fa;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-fighter-jet <span class="muted">(&#xf0fb;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-beer <span class="muted">(&#xf0fc;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-h-sign <span class="muted">(&#xf0fd;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-plus-sign-alt <span class="muted">(&#xf0fe;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-double-angle-left <span class="muted">(&#xf100;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-double-angle-right <span class="muted">(&#xf101;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-double-angle-up <span class="muted">(&#xf102;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-double-angle-down <span class="muted">(&#xf103;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-angle-left <span class="muted">(&#xf104;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-angle-right <span class="muted">(&#xf105;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-angle-up <span class="muted">(&#xf106;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-angle-down <span class="muted">(&#xf107;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-desktop <span class="muted">(&#xf108;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-laptop <span class="muted">(&#xf109;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-tablet <span class="muted">(&#xf10a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-mobile-phone <span class="muted">(&#xf10b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-circle-blank <span class="muted">(&#xf10c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-quote-left <span class="muted">(&#xf10d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-quote-right <span class="muted">(&#xf10e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-spinner <span class="muted">(&#xf110;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-circle <span class="muted">(&#xf111;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-reply <span class="muted">(&#xf112;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-folder-close-alt <span class="muted">(&#xf114;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-folder-open-alt <span class="muted">(&#xf115;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-expand-alt <span class="muted">(&#xf116;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-collapse-alt <span class="muted">(&#xf117;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-smile <span class="muted">(&#xf118;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-frown <span class="muted">(&#xf119;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-meh <span class="muted">(&#xf11a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-gamepad <span class="muted">(&#xf11b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-keyboard <span class="muted">(&#xf11c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-flag-alt <span class="muted">(&#xf11d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-flag-checkered <span class="muted">(&#xf11e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-terminal <span class="muted">(&#xf120;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-code <span class="muted">(&#xf121;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-reply-all <span class="muted">(&#xf122;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-mail-reply-all <span class="muted">(&#xf122;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-star-half-full <span class="muted">(&#xf123;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-star-half-empty <span class="muted">(&#xf123;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-location-arrow <span class="muted">(&#xf124;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-crop <span class="muted">(&#xf125;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-code-fork <span class="muted">(&#xf126;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-unlink <span class="muted">(&#xf127;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-question <span class="muted">(&#xf128;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-info <span class="muted">(&#xf129;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-exclamation <span class="muted">(&#xf12a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-superscript <span class="muted">(&#xf12b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-subscript <span class="muted">(&#xf12c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-eraser <span class="muted">(&#xf12d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-puzzle-piece <span class="muted">(&#xf12e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-microphone <span class="muted">(&#xf130;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-microphone-off <span class="muted">(&#xf131;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-shield <span class="muted">(&#xf132;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-calendar-empty <span class="muted">(&#xf133;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-fire-extinguisher <span class="muted">(&#xf134;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-rocket <span class="muted">(&#xf135;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-maxcdn <span class="muted">(&#xf136;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-sign-left <span class="muted">(&#xf137;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-sign-right <span class="muted">(&#xf138;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-sign-up <span class="muted">(&#xf139;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-chevron-sign-down <span class="muted">(&#xf13a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-html5 <span class="muted">(&#xf13b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-css3 <span class="muted">(&#xf13c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-anchor <span class="muted">(&#xf13d;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-unlock-alt <span class="muted">(&#xf13e;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-bullseye <span class="muted">(&#xf140;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ellipsis-horizontal <span class="muted">(&#xf141;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ellipsis-vertical <span class="muted">(&#xf142;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-rss-sign <span class="muted">(&#xf143;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-play-sign <span class="muted">(&#xf144;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-ticket <span class="muted">(&#xf145;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-minus-sign-alt <span class="muted">(&#xf146;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-check-minus <span class="muted">(&#xf147;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-level-up <span class="muted">(&#xf148;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-level-down <span class="muted">(&#xf149;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-check-sign <span class="muted">(&#xf14a;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-edit-sign <span class="muted">(&#xf14b;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-external-link-sign <span class="muted">(&#xf14c;)</span></li>
|
||||
<li><i class="icon-fixed-width"></i> icon-share-sign <span class="muted">(&#xf14d;)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode</h2>
|
||||
|
||||
<div class="row">
|
||||
{% for icon in icons %}
|
||||
<div class="span4">
|
||||
<i class="icon-fixed-width">&#x{{ icon.unicode }}</i>
|
||||
icon-{{ icon.id }}
|
||||
<span class="muted">(&#x{{ icon.unicode }};)</span>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<li>
|
||||
Can't find the answer to your question on Stack Overflow?
|
||||
<a href="http://stackoverflow.com/questions/ask?tags=font-awesome">Ask a new question</a>, then
|
||||
<a href="mailto:{{ site.font_awesome.author.email }}">send me an email</a> and I might be able to take a look.
|
||||
<a href="mailto:{{ site.fontawesome.author.email }}">send me an email</a> and I might be able to take a look.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,6 @@
|
|||
<h2 class="page-header">Project Milestones</h2>
|
||||
<p>
|
||||
Want to keep up with what's planned for Font Awesome? Check out our
|
||||
<a href="{{ site.font_awesome.github.url }}/issues/milestones">milestones</a> on the GitHub project.
|
||||
<a href="{{ site.fontawesome.github.url }}/issues/milestones">milestones</a> on the GitHub project.
|
||||
</p>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -5,14 +5,14 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>Please be nice. Font Awesome is a happy place.</li>
|
||||
<li>Please <a href="{{ site.font_awesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists.</li>
|
||||
<li>Please <a href="{{ site.fontawesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists.</li>
|
||||
<li>
|
||||
Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue
|
||||
guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>.
|
||||
</li>
|
||||
<li>
|
||||
After doing everything above, feel free to
|
||||
<a href="{{ site.font_awesome.github.url }}/issues/new">submit an issue</a>.
|
||||
<a href="{{ site.fontawesome.github.url }}/issues/new">submit an issue</a>.
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -2,17 +2,17 @@
|
|||
<h2 class="page-header">Requesting New Icons</h2>
|
||||
<p>
|
||||
New icons mostly start as requests by the
|
||||
<a href="{{ site.font_awesome.github.url }}/issues">Font Awesome community on GitHub</a>. Want to request a new
|
||||
<a href="{{ site.fontawesome.github.url }}/issues">Font Awesome community on GitHub</a>. Want to request a new
|
||||
icon? Here are some things to keep in mind:
|
||||
</p>
|
||||
<ol>
|
||||
<li>Please be nice. Font Awesome is a happy place.</li>
|
||||
<li>Please <a href="{{ site.font_awesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists.</li>
|
||||
<li>Please <a href="{{ site.fontawesome.github.url }}/search?type=Issues">search</a> to see if your icon request already exists.</li>
|
||||
<li>
|
||||
Please and thank you if you include the following:
|
||||
<ul>
|
||||
<li>
|
||||
Title your <a href="{{ site.font_awesome.github.url }}/issues/new?title=Icon%20Request:%20icon-name">new issue</a>
|
||||
Title your <a href="{{ site.fontawesome.github.url }}/issues/new?title=Icon%20Request:%20icon-name">new issue</a>
|
||||
<code>Icon request: icon-name</code>.
|
||||
</li>
|
||||
<li>Include a few use cases for your requested icon. How do you plan on using it?</li>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<li>All pull requests submitted against master will be sumarily closed and this guide referenced.</li>
|
||||
<li>
|
||||
After doing everything above, feel free to
|
||||
<a href="{{ site.font_awesome.github.url }}/issues/new">submit a pull request</a>.
|
||||
<a href="{{ site.fontawesome.github.url }}/issues/new">submit a pull request</a>.
|
||||
</li>
|
||||
</ol>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<div class="well well-large well-transparent lead">
|
||||
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
||||
{% endhighlight %}
|
||||
<p class="alert alert-info">
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
|
||||
of them in any combination to get lots of new possibilities.
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
|
||||
Use a few of the new styles together ... lots of new possibilities.
|
||||
{% endhighlight %}
|
||||
|
|
@ -24,7 +24,7 @@ Use a few of the new styles together ... lots of new possibilities.
|
|||
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
|
||||
of them in any combination to get lots of new possibilities.
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<i class="icon-flag icon-4x pull-left icon-border"></i>
|
||||
Use a few of the new styles together ... lots of new possibilities.
|
||||
{% endhighlight %}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</div>
|
||||
<div class="span9">
|
||||
<p>Easily replace individual bullets.</p>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<ul class="icons-ul">
|
||||
<li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
|
||||
<li><i class="icon-li icon-ok"></i>Buttons</li>
|
||||
|
|
@ -25,6 +25,7 @@
|
|||
<li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li>
|
||||
</ul>
|
||||
{% endhighlight %}
|
||||
<div class="alert alert-info"><i class="icon-info-sign"></i> Make sure to NOT include any whitespace after the icon declaration.</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="span9">
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<div class="btn-group open">
|
||||
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
|
||||
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<div class="btn-group">
|
||||
<a class="btn" href="#"><i class="icon-align-left"></i></a>
|
||||
<a class="btn" href="#"><i class="icon-align-center"></i></a>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
</p>
|
||||
<p>
|
||||
<a class="btn btn-large btn-danger" href="#">
|
||||
<i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.font_awesome.version }}</a>
|
||||
<i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
|
||||
</p>
|
||||
<p>
|
||||
<a class="btn btn-primary" href="#">
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
|
||||
<code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
|
||||
</p>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-repeat"></i> Reload</a>
|
||||
<a class="btn btn-success" href="#">
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<a class="btn btn-small" href="#">
|
||||
<i class="icon-cog"></i> Settings</a>
|
||||
<a class="btn btn-large btn-danger" href="#">
|
||||
<i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.font_awesome.version }}</a>
|
||||
<i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.fontawesome.version }}</a>
|
||||
<a class="btn btn-primary" href="#">
|
||||
<i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
|
||||
{% endhighlight %}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
</form>
|
||||
</div>
|
||||
<div class="span9">
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<form>
|
||||
<div class="input-prepend">
|
||||
<span class="add-on"><i class="icon-envelope"></i></span>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||
</div>
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||
{% endhighlight %}
|
||||
<div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
|
||||
</div>
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
|
||||
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
|
||||
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
</div>
|
||||
<div class="span9">
|
||||
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<ul class="nav nav-list">
|
||||
<li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
|
||||
<li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<{% if page.navbar_active == "examples" %}div{% else %}section{% endif %} id="new-styles">
|
||||
<h2 class="page-header">New Styles in {{ site.font_awesome.version }}</h2>
|
||||
<h2 class="page-header">New Styles in {{ site.fontawesome.version }}</h2>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<i class="icon-shield icon-flip-horizontal"></i> icon-flip-horizontal<br>
|
||||
<i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<i class="icon-shield"></i> normal<br>
|
||||
<i class="icon-shield icon-rotate-90"></i> icon-rotate-90<br>
|
||||
<i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
</span>
|
||||
icon-terminal on icon-sign-blank
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<span class="icon-stack">
|
||||
<i class="icon-check-empty icon-stack-base"></i>
|
||||
<i class="icon-twitter"></i>
|
||||
|
|
|
|||
|
|
@ -1,21 +1,21 @@
|
|||
<footer class="footer hidden-print">
|
||||
<div class="container text-center">
|
||||
<div>
|
||||
<i class="icon-flag"></i> Font Awesome {{ site.font_awesome.version }} ·
|
||||
<i class="icon-flag"></i> Font Awesome {{ site.fontawesome.version }} ·
|
||||
Created and Maintained by Dave Gandy ·
|
||||
<a href="http://twitter.com/byscuits">@byscuits</a>
|
||||
</div>
|
||||
<div>
|
||||
Font Awesome font licensed under <a href="{{ site.license.font.url }}">{{ site.license.font.version }}</a> ·
|
||||
Code licensed under <a href="{{ site.license.code.url }}">{{ site.license.code.version }}</a> ·
|
||||
Documentation licensed under <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.version }}</a>
|
||||
Font Awesome font licensed under <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.version }}</a> ·
|
||||
Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a> ·
|
||||
Documentation licensed under <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.version }}</a>
|
||||
</div>
|
||||
<div>
|
||||
Thanks to <a href="http://maxcdn.com"><i class="icon-maxcdn"></i> MaxCDN</a> for providing the excellent <a href="http://www.bootstrapcdn.com/#tab_fontawesome">BootstrapCDN for Font Awesome</a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="{{ site.font_awesome.github.url }}">GitHub Project</a> ·
|
||||
<a href="{{ site.font_awesome.github.url }}/issues">Issues</a>
|
||||
<a href="{{ site.fontawesome.github.url }}">GitHub Project</a> ·
|
||||
<a href="{{ site.fontawesome.github.url }}/issues">Issues</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -13,9 +13,9 @@
|
|||
<ol>
|
||||
<li>
|
||||
Paste the following code into the <code><head></code> section of your site's HTML.
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version }}/css/font-awesome.css" rel="stylesheet">
|
||||
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version }}/css/font-awesome.css" rel="stylesheet">
|
||||
{% endhighlight %}
|
||||
<div class="alert alert-info margin-top">
|
||||
<i class="icon-info-sign"></i> Want to use Font Awesome by itself without Bootstrap? Just don't include the first line.
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<li>Copy the <code>font-awesome</code> directory into your project.</li>
|
||||
<li>
|
||||
In the <code><head></code> of your html, reference the location to your font-awesome.min.css.
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||
{% endhighlight %}
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
<li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
|
||||
<li>
|
||||
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
@FontAwesomePath: "../font";
|
||||
{% endhighlight %}
|
||||
<p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
|
||||
|
|
@ -84,12 +84,13 @@
|
|||
<li>Copy font-awesome-ie7.min.css into your project.</li>
|
||||
<li>
|
||||
In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css.
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">
|
||||
<![endif]-->{% endhighlight %}
|
||||
<![endif]-->
|
||||
{% endhighlight %}
|
||||
</li>
|
||||
<li>Go complain to whoever decided your project needs IE7 support.</li>
|
||||
</ol>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
You asked, Font Awesome delivers with {{ icons | version:site.font_awesome.version | size }} shiny new icons in version {{ site.font_awesome.version }}.
|
||||
You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.version | size }} shiny new icons in version {{ site.fontawesome.version }}.
|
||||
Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
|
||||
<!--The ever-expanding list of Font Awesome {{ site.font_awesome.version }} icons.-->
|
||||
<!--The ever-expanding list of Font Awesome {{ site.fontawesome.version }} icons.-->
|
||||
Need vectors or want to use on the desktop? Check the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new">
|
||||
<h2 class="page-header">New Icons in {{ site.font_awesome.version }}</h2>
|
||||
<h2 class="page-header">New Icons in {{ site.fontawesome.version }}</h2>
|
||||
{% if page.navbar_active != "icons" %}
|
||||
<div class="margin-botom-large">
|
||||
You asked, Font Awesome delivers with {{ icons | version:site.font_awesome.version | size }} shiny new icons in version {{ site.font_awesome.version }}.
|
||||
You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.version | size }} shiny new icons in version {{ site.fontawesome.version }}.
|
||||
Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<div class="row the-icons">
|
||||
{% assign icons_new = icons | version:site.font_awesome.version %}
|
||||
{% assign icons_new = icons | version:site.fontawesome.version %}
|
||||
{% for icon in icons_new %}
|
||||
<div class="span3"><a href="{{ page.relative_path }}icon/{{ icon.id }}"><i class="icon-{{ icon.id }}"></i> icon-{{ icon.id }}</a></div>
|
||||
{% for alias in icon.aliases %}
|
||||
|
|
|
|||
|
|
@ -13,11 +13,11 @@
|
|||
</a>
|
||||
</div>
|
||||
<div class="shameless-self-promotion">
|
||||
<a href="{{ site.font_awesome.github.url }}"
|
||||
<a href="{{ site.fontawesome.github.url }}"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
|
||||
GitHub Project</a> ·
|
||||
Version {{ site.font_awesome.version }} ·
|
||||
Created & Maintained by <a href="http://twitter.com/{{ site.font_awesome.author.twitter }}">Dave Gandy</a>
|
||||
Version {{ site.fontawesome.version }} ·
|
||||
Created & Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
25
build/_includes/license-code.less
Normal file
25
build/_includes/license-code.less
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
/*!
|
||||
* Font Awesome {{ site.fontawesome.version }}
|
||||
* the iconic font designed for Bootstrap
|
||||
* ------------------------------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation can be
|
||||
* found at {{ site.fontawesome.url }}. Stay up to date on Twitter at
|
||||
* http://twitter.com/{{ site.fontawesome.twitter }}.
|
||||
*
|
||||
* License
|
||||
* ------------------------------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under {{ site.fontawesome.license.font.version }} -
|
||||
* {{ site.fontawesome.license.font.url }}
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under {{ site.fontawesome.license.code.version }} -
|
||||
* {{ site.fontawesome.license.code.url }}
|
||||
* - Font Awesome documentation licensed under {{ site.fontawesome.license.documentation.version }} -
|
||||
* {{ site.fontawesome.license.documentation.url }}
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - {{ site.fontawesome.url }}"
|
||||
*
|
||||
* Author - Dave Gandy
|
||||
* ------------------------------------------------------------------------------
|
||||
* Email: {{ site.fontawesome.author.email }}
|
||||
* Twitter: http://twitter.com/{{ site.fontawesome.author.twitter }}
|
||||
* Work: {{ site.fontawesome.author.work.title }} @ {{ site.fontawesome.author.work.name }} - {{ site.fontawesome.author.work.url }}
|
||||
*/
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
Font Awesome is fully open source and is GPL compatible. You can use it for commerical projects, open source
|
||||
Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source
|
||||
projects, or really just about whatever you want.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
|
|
@ -20,8 +20,8 @@
|
|||
Applies to all desktop and webfont files in the following directory:
|
||||
<code>font-awesome/font/</code>.
|
||||
</li>
|
||||
<li>License: {{ site.license.font.version }}</li>
|
||||
<li>URL: <a href="{{ site.license.font.url }}">{{ site.license.font.url }}</a></li>
|
||||
<li>License: {{ site.fontawesome.license.font.version }}</li>
|
||||
<li>URL: <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.url }}</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
@ -33,8 +33,8 @@
|
|||
<code>font-awesome/css/</code> and
|
||||
<code>font-awesome/less/</code>.
|
||||
</li>
|
||||
<li>License: {{ site.license.code.version }}</li>
|
||||
<li>URL: <a href="{{ site.license.code.url }}">{{ site.license.code.url }}</a></li>
|
||||
<li>License: {{ site.fontawesome.license.code.version }}</li>
|
||||
<li>URL: <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.url }}</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
@ -42,8 +42,8 @@
|
|||
<h2 class="page-header">Documentation License</h2>
|
||||
<ul>
|
||||
<li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li>
|
||||
<li>License: {{ site.license.documentation.version }}</li>
|
||||
<li>URL: <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.url }}</a></li>
|
||||
<li>License: {{ site.fontawesome.license.documentation.version }}</li>
|
||||
<li>URL: <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.url }}</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
|
|
@ -13,10 +13,10 @@
|
|||
<ul class="dropdown-menu pull-right">
|
||||
<li><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in {{ site.font_awesome.version }}</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i> New Icons in {{ site.fontawesome.version }}</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i> Web Application Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-eur icon-fixed-width"></i> Currency Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i> Text Editor Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-won icon-fixed-width"></i> Currency Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i> Text Editor Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i> Directional Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i> Video Player Icons</a></li>
|
||||
<li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i> Brand Icons</a></li>
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
<li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li><a href="mailto:{{ site.font_awesome.author.email }}"><i class="icon-envelope-alt"></i> Me</a></li>
|
||||
<li><a href="{{ site.fontawesome.blog_url }}">Blog</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,10 +8,10 @@
|
|||
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
|
||||
</li>
|
||||
<li class="follow-btn">
|
||||
<a href="https://twitter.com/{{ site.font_awesome.twitter }}" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @{{ site.font_awesome.twitter }}</a>
|
||||
<a href="https://twitter.com/{{ site.fontawesome.twitter }}" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @{{ site.fontawesome.twitter }}</a>
|
||||
</li>
|
||||
<li class="tweet-btn">
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.font_awesome.url }}" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="{{ site.font_awesome.legacy_url }}" data-count="horizontal" data-via="{{ site.font_awesome.twitter }}" data-related="{{ site.font_awesome.author.twitter }}:Creator of Font Awesome">Tweet</a>
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.fontawesome.url }}" data-text="Font Awesome, the iconic font designed for Bootstrap" data-counturl="{{ site.fontawesome.legacy_url }}" data-count="horizontal" data-via="{{ site.fontawesome.twitter }}" data-related="{{ site.fontawesome.author.twitter }}:Creator of Font Awesome">Tweet</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
6
build/_includes/tests/rotated-flipped-inside-anchor.html
Normal file
6
build/_includes/tests/rotated-flipped-inside-anchor.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<a href="#"><i class="icon-flag"></i> normal</a><br>
|
||||
<a href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br>
|
||||
<a href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br>
|
||||
<a href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br>
|
||||
<a href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br>
|
||||
<a href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a>
|
||||
6
build/_includes/tests/rotated-flipped-inside-btn.html
Normal file
6
build/_includes/tests/rotated-flipped-inside-btn.html
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<a class="btn" href="#"><i class="icon-flag"></i> normal</a><br>
|
||||
<a class="btn" href="#"><i class="icon-flag icon-rotate-90"></i> icon-rotate-90</a><br>
|
||||
<a class="btn" href="#"><i class="icon-flag icon-rotate-180"></i> icon-rotate-180</a><br>
|
||||
<a class="btn" href="#"><i class="icon-flag icon-rotate-270"></i> icon-rotate-270</a><br>
|
||||
<a class="btn" href="#"><i class="icon-flag icon-flip-horizontal"></i> icon-flip-horizontal</a><br>
|
||||
<a class="btn" href="#"><i class="icon-flag icon-flip-vertical"></i> icon-flip-vertical</a>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{% capture stripe_ad_content %}
|
||||
<p class="lead">
|
||||
Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
|
||||
{{ site.font_awesome.version }}. Have some ideas for new features?
|
||||
{{ site.fontawesome.version }}. Have some ideas for new features?
|
||||
<a href="{{ page.relative_path }}community/">Help contribute</a>.
|
||||
</p>
|
||||
{% endcapture %}
|
||||
|
|
@ -10,8 +10,8 @@
|
|||
<div id="whats-new">
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h4><i class="icon-lightbulb"></i> {{ icons | version:site.font_awesome.version | size }} New Icons in {{ site.font_awesome.version }}</h4>
|
||||
Requested by the active community on the <a href="{{ site.font_awesome.github.url }}">Font Awesome GitHub project</a>.
|
||||
<h4><i class="icon-lightbulb"></i> {{ icons | version:site.fontawesome.version | size }} New Icons in {{ site.fontawesome.version }}</h4>
|
||||
Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>.
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h4><i class="icon-legal"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4>
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
</div>
|
||||
<div class="span4">
|
||||
<h4><i class="icon-question-sign"></i> Want More Details?</h4>
|
||||
Check out the <a href="{{ site.font_awesome.github.url }}#changelog">CHANGELOG on the GitHub project</a> to see
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h4><i class="icon-beer"></i> Free, as in Beer</h4>
|
||||
<h4><i class="icon-microphone"></i> Free, as in Speech</h4>
|
||||
Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
|
||||
</div>
|
||||
<div class="span4">
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4>
|
||||
<h4><i class="icon-thumbs-up-alt"></i> Made for Bootstrap</h4>
|
||||
Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
|
||||
</div>
|
||||
<div class="span4">
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ relative_path: ../../
|
|||
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
|
||||
</div>
|
||||
</div>
|
||||
{% highlight html linenos %}
|
||||
{% highlight html %}
|
||||
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
|
||||
{% endhighlight %}
|
||||
<br>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
18
build/assets/font-awesome/less/core.less
vendored
18
build/assets/font-awesome/less/core.less
vendored
|
|
@ -1,11 +1,6 @@
|
|||
/* FONT AWESOME CORE
|
||||
* -------------------------- */
|
||||
|
||||
.icon(@icon) {
|
||||
.icon-FontAwesome();
|
||||
content: @icon;
|
||||
}
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
.icon-FontAwesome();
|
||||
|
|
@ -37,10 +32,11 @@ a {
|
|||
[class*=" icon-"] {
|
||||
&.icon-fixed-width {
|
||||
display: inline-block;
|
||||
width: 18/14em;
|
||||
text-align: center;
|
||||
width: 16/14em;
|
||||
text-align: right;
|
||||
padding-right: 4/14em;
|
||||
&.icon-large {
|
||||
width: 22/14em;
|
||||
width: 20/14em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -52,10 +48,12 @@ ul.icons-ul {
|
|||
|
||||
> li {
|
||||
.icon-li {
|
||||
width: 10/14em;
|
||||
width: 2/14em;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
text-align: right;
|
||||
padding-right: 8/14em;
|
||||
}
|
||||
a .icon-li:before { display: inline-block; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
19
build/assets/font-awesome/less/extras.less
vendored
19
build/assets/font-awesome/less/extras.less
vendored
|
|
@ -12,6 +12,10 @@
|
|||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
a .icon-spin {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% { -moz-transform: rotate(0deg); }
|
||||
|
|
@ -35,7 +39,7 @@
|
|||
}
|
||||
|
||||
/* Icon rotations and mirroring */
|
||||
.icon-rotate-90:before{
|
||||
.icon-rotate-90:before {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
|
|
@ -44,7 +48,7 @@
|
|||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
}
|
||||
|
||||
.icon-rotate-180:before{
|
||||
.icon-rotate-180:before {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
|
|
@ -53,7 +57,7 @@
|
|||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
|
||||
.icon-rotate-270:before{
|
||||
.icon-rotate-270:before {
|
||||
-webkit-transform: rotate(270deg);
|
||||
-moz-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
|
|
@ -76,4 +80,11 @@
|
|||
-ms-transform: scale(1, -1);
|
||||
-o-transform: scale(1, -1);
|
||||
transform: scale(1, -1);
|
||||
}
|
||||
}
|
||||
|
||||
/* ensure rotation occurs inside anchor tags */
|
||||
a {
|
||||
.icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
|
||||
&:before { display: inline-block; }
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,29 +1,6 @@
|
|||
---
|
||||
---
|
||||
/*!
|
||||
* Font Awesome 3.2.0
|
||||
* the iconic font designed for Bootstrap
|
||||
* -------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation
|
||||
* can be found at: http://fontawesome.io
|
||||
*
|
||||
* License
|
||||
* -------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
|
||||
* http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - Font Awesome documentation licensed under CC BY 3.0 License -
|
||||
* http://creativecommons.org/licenses/by/3.0/
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - http://fontawesome.io"
|
||||
|
||||
* Contact
|
||||
* -------------------------------------------------------
|
||||
* Email: dave@fontawesome.io
|
||||
* Twitter: http://twitter.com/fortaweso_me
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
{% include license-code.less %}
|
||||
|
||||
.icon-large {
|
||||
font-size: 4/3em;
|
||||
|
|
|
|||
27
build/assets/font-awesome/less/font-awesome.less
vendored
27
build/assets/font-awesome/less/font-awesome.less
vendored
|
|
@ -1,27 +1,6 @@
|
|||
/*!
|
||||
* Font Awesome 3.2.0
|
||||
* the iconic font designed for Bootstrap
|
||||
* -------------------------------------------------------
|
||||
* The full suite of pictographic icons, examples, and documentation
|
||||
* can be found at: http://fontawesome.io
|
||||
*
|
||||
* License
|
||||
* -------------------------------------------------------
|
||||
* - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
|
||||
* http://scripts.sil.org/OFL
|
||||
* - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||
* http://opensource.org/licenses/mit-license.html
|
||||
* - Font Awesome documentation licensed under CC BY 3.0 License -
|
||||
* http://creativecommons.org/licenses/by/3.0/
|
||||
* - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||
* "Font Awesome by Dave Gandy - http://fontawesome.io"
|
||||
|
||||
* Contact
|
||||
* -------------------------------------------------------
|
||||
* Email: dave@fontawesome.io
|
||||
* Twitter: http://twitter.com/fortaweso_me
|
||||
* Work: Lead Product Designer @ http://kyruus.com
|
||||
*/
|
||||
---
|
||||
---
|
||||
{% include license-code.less %}
|
||||
|
||||
@import "variables.less";
|
||||
@import "mixins.less";
|
||||
|
|
|
|||
14
build/assets/font-awesome/less/icons.less
vendored
14
build/assets/font-awesome/less/icons.less
vendored
|
|
@ -2,14 +2,6 @@
|
|||
---
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
{% for icon in icons %}
|
||||
.icon-{{ icon.id }}:before {
|
||||
content: @{{ icon.id }};
|
||||
}
|
||||
{% for alias in icon.aliases %}
|
||||
// {{ icon.name }} alias
|
||||
.icon-{{ alias }}:before {
|
||||
content: @{{ icon.id }};
|
||||
}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
{% for icon in icons %}{% for alias in icon.aliases %}
|
||||
.icon-{{ alias }}:before,{% endfor %}
|
||||
.icon-{{ icon.id }}:before { content: @{{ icon.id }}; }{% endfor %}
|
||||
|
|
|
|||
7
build/assets/font-awesome/less/mixins.less
vendored
7
build/assets/font-awesome/less/mixins.less
vendored
|
|
@ -1,6 +1,11 @@
|
|||
// Mixins
|
||||
// --------------------------
|
||||
|
||||
.icon(@icon) {
|
||||
.icon-FontAwesome();
|
||||
content: @icon;
|
||||
}
|
||||
|
||||
.icon-FontAwesome() {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
|
|
@ -41,5 +46,3 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,8 +4,8 @@
|
|||
// --------------------------
|
||||
|
||||
@FontAwesomePath: "../font";
|
||||
//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version}}/font"; // for referencing Bootstrap CDN font files directly
|
||||
@FontAwesomeVersion: "{{ site.font_awesome.version }}";
|
||||
//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version}}/font"; // for referencing Bootstrap CDN font files directly
|
||||
@FontAwesomeVersion: "{{ site.fontawesome.version }}";
|
||||
@borderColor: #eee;
|
||||
@iconMuted: #eee;
|
||||
@iconLight: #fff;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Bootstrap v2.3.1
|
||||
* Bootstrap v2.3.2
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
@import "tables.less";
|
||||
|
||||
// Components: common
|
||||
//@import "sprites.less";
|
||||
@import "sprites.less";
|
||||
@import "dropdowns.less";
|
||||
@import "wells.less";
|
||||
@import "component-animations.less";
|
||||
|
|
@ -135,6 +135,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Backdrop to catch body clicks on mobile, etc.
|
||||
// ---------------------------
|
||||
.dropdown-backdrop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: @zindexDropdown - 10;
|
||||
}
|
||||
|
||||
// Right aligned dropdowns
|
||||
// ---------------------------
|
||||
.pull-right > .dropdown-menu {
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
/*!
|
||||
* Bootstrap Responsive v2.3.1
|
||||
* Bootstrap Responsive v2.3.2
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
@import "twbs-2.3.1/bootstrap.less";
|
||||
@import "twbs-2.3.1/responsive-utilities.less";
|
||||
---
|
||||
---
|
||||
@import "bootstrap-{{ site.bootstrap.version }}/bootstrap.less";
|
||||
@import "bootstrap-{{ site.bootstrap.version }}/responsive-utilities.less";
|
||||
@import "sticky-footer.less";
|
||||
|
||||
@import "mixins.less";
|
||||
|
|
|
|||
|
|
@ -1,139 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Buttons · Bootstrap</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<h2>Dropups</h2>
|
||||
<div class="btn-toolbar">
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn">Dropup</button>
|
||||
<button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn btn-primary">Dropup</button>
|
||||
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn btn-danger">Dropup</button>
|
||||
<button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn btn-warning">Dropup</button>
|
||||
<button class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn btn-success">Dropup</button>
|
||||
<button class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn btn-info">Dropup</button>
|
||||
<button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
<div class="btn-group dropup">
|
||||
<button class="btn btn-inverse">Dropup</button>
|
||||
<button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
</ul>
|
||||
</div><!-- /btn-group -->
|
||||
</div><!-- /btn-toolbar -->
|
||||
|
||||
|
||||
</div> <!-- /container -->
|
||||
|
||||
<!-- Le javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="../../docs/assets/js/jquery.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-button.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,150 +0,0 @@
|
|||
/*!
|
||||
* Bootstrap CSS Tests
|
||||
*/
|
||||
|
||||
|
||||
/* Remove background image */
|
||||
body {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/* Space out subhead */
|
||||
.subhead {
|
||||
margin-bottom: 36px;
|
||||
}
|
||||
/*h4 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
*/
|
||||
|
||||
.type-test {
|
||||
margin-bottom: 20px;
|
||||
padding: 0 20px 20px;
|
||||
background: url(../../docs/assets/img/grid-baseline-20px.png);
|
||||
}
|
||||
.type-test h1,
|
||||
.type-test h2,
|
||||
.type-test h3,
|
||||
.type-test h4,
|
||||
.type-test h5,
|
||||
.type-test h6 {
|
||||
background-color: rgba(255,0,0,.2);
|
||||
}
|
||||
|
||||
|
||||
/* colgroup tests */
|
||||
.col1 {
|
||||
background-color: rgba(255,0,0,.1);
|
||||
}
|
||||
.col2 {
|
||||
background-color: rgba(0,255,0,.1);
|
||||
}
|
||||
.col3 {
|
||||
background-color: rgba(0,0,255,.1);
|
||||
}
|
||||
|
||||
|
||||
/* Fluid row inputs */
|
||||
#rowInputs .row > [class*=span],
|
||||
#fluidRowInputs .row-fluid > [class*=span] {
|
||||
background-color: rgba(255,0,0,.1);
|
||||
}
|
||||
|
||||
|
||||
/* Fluid grid */
|
||||
.fluid-grid {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.fluid-grid .row {
|
||||
height: 40px;
|
||||
padding-top: 10px;
|
||||
margin-top: 10px;
|
||||
color: #ddd;
|
||||
text-align: center;
|
||||
}
|
||||
.fluid-grid .span1 {
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
|
||||
/* Gradients */
|
||||
|
||||
[class^="gradient-"] {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
margin: 20px 0;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.gradient-horizontal {
|
||||
background-color: #333333;
|
||||
background-image: -moz-linear-gradient(left, #555555, #333333);
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#555555), to(#333333));
|
||||
background-image: -webkit-linear-gradient(left, #555555, #333333);
|
||||
background-image: -o-linear-gradient(left, #555555, #333333);
|
||||
background-image: linear-gradient(to right, #555555, #333333);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1);
|
||||
}
|
||||
|
||||
.gradient-vertical {
|
||||
background-color: #474747;
|
||||
background-image: -moz-linear-gradient(top, #555555, #333333);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
|
||||
background-image: -webkit-linear-gradient(top, #555555, #333333);
|
||||
background-image: -o-linear-gradient(top, #555555, #333333);
|
||||
background-image: linear-gradient(to bottom, #555555, #333333);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
|
||||
}
|
||||
|
||||
.gradient-directional {
|
||||
background-color: #333333;
|
||||
background-image: -moz-linear-gradient(45deg, #555555, #333333);
|
||||
background-image: -webkit-linear-gradient(45deg, #555555, #333333);
|
||||
background-image: -o-linear-gradient(45deg, #555555, #333333);
|
||||
background-image: linear-gradient(45deg, #555555, #333333);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.gradient-vertical-three {
|
||||
background-color: #8940a5;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
|
||||
background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-image: -o-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0);
|
||||
}
|
||||
|
||||
.gradient-radial {
|
||||
background-color: #333333;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#555555), to(#333333));
|
||||
background-image: -webkit-radial-gradient(circle, #555555, #333333);
|
||||
background-image: -moz-radial-gradient(circle, #555555, #333333);
|
||||
background-image: -o-radial-gradient(circle, #555555, #333333);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.gradient-striped {
|
||||
background-color: #555555;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
.gradient-horizontal-three {
|
||||
background-color: #00b3ee;
|
||||
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
|
||||
background-image: -webkit-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-image: -moz-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-image: -o-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f);
|
||||
background-repeat: no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3ee', endColorstr='#c3325f', GradientType=0);
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,71 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bootstrap, from Twitter</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<form class="container">
|
||||
|
||||
<div class="page-header">
|
||||
<h1>Fixed grid</h1>
|
||||
</div>
|
||||
|
||||
<h3>Vertical alignment</h3>
|
||||
<input type="text" class="span2" placeholder="span2">
|
||||
<select class="span2"><option>span2</option></select>
|
||||
<span class="uneditable-input span2">span1</span>
|
||||
|
||||
<h3>Width across elements</h3>
|
||||
<div>
|
||||
<input type="text" class="span2" placeholder="span2">
|
||||
</div>
|
||||
<div>
|
||||
<select class="span2"><option>span2</option></select>
|
||||
</div>
|
||||
<div>
|
||||
<span class="uneditable-input span2">span2</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page-header">
|
||||
<h1>Fluid grid</h1>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<input type="text" class="span2" placeholder="span2">
|
||||
<select class="span2"><option>span2</option></select>
|
||||
<span class="uneditable-input span2">span1</span>
|
||||
</div>
|
||||
|
||||
</form> <!-- /container -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,179 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bootstrap, from Twitter</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<form class="container">
|
||||
|
||||
<div class="page-header">
|
||||
<h1>Form controls</h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
|
||||
<label>Select</label>
|
||||
<select>
|
||||
<option>Select</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
</select>
|
||||
|
||||
<hr>
|
||||
|
||||
<label>textarea</label>
|
||||
<textarea>Textarea</textarea>
|
||||
|
||||
<hr>
|
||||
|
||||
<label>text</label>
|
||||
<input type="text" value="Text input">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>password</label>
|
||||
<input type="password" value="Password input">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>checkbox</label>
|
||||
<input type="checkbox" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>radio</label>
|
||||
<input type="radio" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>button</label>
|
||||
<input type="button" value="Button">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>submit</label>
|
||||
<input type="submit" value="Submit">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>reset</label>
|
||||
<input type="reset" value="Reset">
|
||||
|
||||
</div><!-- /span4 -->
|
||||
<div class="span4">
|
||||
|
||||
<label>file</label>
|
||||
<input type="file" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>hidden</label>
|
||||
<input type="hidden" value="hidden">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>image</label>
|
||||
<input type="image" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>datetime</label>
|
||||
<input type="datetime" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>datetime-local</label>
|
||||
<input type="datetime-local" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>date</label>
|
||||
<input type="date" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>month</label>
|
||||
<input type="month" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>time</label>
|
||||
<input type="time" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>week</label>
|
||||
<input type="week" value="">
|
||||
|
||||
</div><!-- /span4 -->
|
||||
<div class="span4">
|
||||
|
||||
<label>number</label>
|
||||
<input type="number" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>range</label>
|
||||
<input type="range" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>email</label>
|
||||
<input type="email" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>url</label>
|
||||
<input type="url" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>search</label>
|
||||
<input type="search" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>tel</label>
|
||||
<input type="tel" value="">
|
||||
|
||||
<hr>
|
||||
|
||||
<label>color</label>
|
||||
<input type="color" value="">
|
||||
|
||||
</div><!-- /span4 -->
|
||||
</div><!-- /row -->
|
||||
|
||||
</form> <!-- /container -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,104 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bootstrap, from Twitter</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
</style>
|
||||
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Fixed navbar -->
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="#">Project name</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Nav header</li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
<li><a href="#">One more separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li><a href="./navbar.html">Default</a></li>
|
||||
<li><a href="./navbar-static-top.html">Static top</a></li>
|
||||
<li class="active"><a href="./navbar-fixed-top.html">Fixed top</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Main hero unit for a primary marketing message or call to action -->
|
||||
<div class="hero-unit">
|
||||
<h1>Navbar example</h1>
|
||||
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
|
||||
<p>
|
||||
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs »</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div> <!-- /container -->
|
||||
|
||||
<!-- Le javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="../../docs/assets/js/jquery.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-button.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bootstrap, from Twitter</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.hero-unit {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Static navbar -->
|
||||
<div class="navbar navbar-static-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="#">Project name</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Nav header</li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
<li><a href="#">One more separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li><a href="./navbar.html">Default</a></li>
|
||||
<li class="active"><a href="./navbar-static-top.html">Static top</a></li>
|
||||
<li><a href="./navbar-fixed-top.html">Fixed top</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Main hero unit for a primary marketing message or call to action -->
|
||||
<div class="hero-unit">
|
||||
<h1>Navbar example</h1>
|
||||
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
|
||||
<p>
|
||||
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs »</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div> <!-- /container -->
|
||||
|
||||
<!-- Le javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="../../docs/assets/js/jquery.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-button.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bootstrap, from Twitter</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
padding-top: 0;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.navbar {
|
||||
margin-top: 20px;
|
||||
}
|
||||
</style>
|
||||
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
||||
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
||||
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Static navbar -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="#">Project name</a>
|
||||
<div class="nav-collapse collapse">
|
||||
<ul class="nav">
|
||||
<li class="active"><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Action</a></li>
|
||||
<li><a href="#">Another action</a></li>
|
||||
<li><a href="#">Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">Nav header</li>
|
||||
<li><a href="#">Separated link</a></li>
|
||||
<li><a href="#">One more separated link</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li class="active"><a href="./navbar.html">Default</a></li>
|
||||
<li><a href="./navbar-static-top.html">Static top</a></li>
|
||||
<li><a href="./navbar-fixed-top.html">Fixed top</a></li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main hero unit for a primary marketing message or call to action -->
|
||||
<div class="hero-unit">
|
||||
<h1>Navbar example</h1>
|
||||
<p>This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.</p>
|
||||
<p>
|
||||
<a class="btn btn-large btn-primary" href="../components.html#navbar">View navbar docs »</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div> <!-- /container -->
|
||||
|
||||
<!-- Le javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<script src="../../docs/assets/js/jquery.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-button.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
|
||||
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -4,7 +4,7 @@ title: Font Awesome Cheatsheet
|
|||
relative_path: ../
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="icon-list-ul icon-large"></i> Cheatsheet{% endcapture %}
|
||||
{% capture jumbotron_p %}The complete Font Awesome {{ site.font_awesome.version }} icon reference{% endcapture %}
|
||||
{% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ navbar_active: get-started
|
|||
relative_path: ../
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="icon-cogs icon-large"></i> Get Started{% endcapture %}
|
||||
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.font_awesome.version }} onto your website{% endcapture %}
|
||||
{% capture jumbotron_p %}Easy ways to get Font Awesome {{ site.fontawesome.version }} onto your website{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ navbar_active: icons
|
|||
relative_path: ../
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="icon-flag icon-large"></i> The Icons{% endcapture %}
|
||||
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.font_awesome.version }}{% endcapture %}
|
||||
{% capture jumbotron_p %}The complete set of {{ icons | size }} icons in Font Awesome {{ site.fontawesome.version }}{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
|
|
|||
|
|
@ -1622,6 +1622,7 @@ icons:
|
|||
created: 3.0.0
|
||||
categories:
|
||||
- Medical Icons
|
||||
- Web Application Icons
|
||||
|
||||
|
||||
- name: double-angle-left
|
||||
|
|
|
|||
|
|
@ -477,11 +477,11 @@ relative_path: ../
|
|||
<div class="row">
|
||||
<div class="span6">
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<ul class="icons-ul">
|
||||
<li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
<li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
|
||||
<li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
</ul>
|
||||
<ul class="icons-ul">
|
||||
<li><i class="icon-li icon-double-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
<li><i class="icon-li icon-arrow-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
|
||||
<li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
|
|
@ -514,6 +514,26 @@ relative_path: ../
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<ul class="icons-ul">
|
||||
<li><a href="#"><i class="icon-li icon-double-angle-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
<li><a href="#"><i class="icon-li icon-arrow-right"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
|
||||
<li><a href="#"><i class="icon-li icon-building"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<ul class="icons-ul">
|
||||
<li><a href="#"><i class="icon-li icon-double-angle-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
<li><a href="#"><i class="icon-li icon-arrow-right icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
|
||||
<li><a href="#"><i class="icon-li icon-building icon-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
|
|
@ -544,6 +564,7 @@ relative_path: ../
|
|||
<button class="btn btn-small">Loading...</button>
|
||||
<i class="icon-circle-blank icon-spin"></i> Loading...
|
||||
<button class="btn btn-small"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
|
||||
<a href="#"><i class="icon-refresh icon-spin"></i> Loading...</a>
|
||||
</div>
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<i class="icon-refresh icon-spin"></i> Loading...
|
||||
|
|
@ -602,5 +623,19 @@ relative_path: ../
|
|||
{% include tests/rotated-flipped.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h4>Mirrored and rotated icons inside anchors and buttons</h4>
|
||||
<div class="row">
|
||||
<div class="span6">
|
||||
<div class="well">
|
||||
{% include tests/rotated-flipped-inside-anchor.html %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<div class="well">
|
||||
{% include tests/rotated-flipped-inside-btn.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ navbar_active: whats-new
|
|||
relative_path: ../
|
||||
---
|
||||
{% capture jumbotron_h1 %}<i class="icon-lightbulb icon-large"></i> What's New{% endcapture %}
|
||||
{% capture jumbotron_p %}What's New in the latest version — Font Awesome {{ site.font_awesome.version }}{% endcapture %}
|
||||
{% capture jumbotron_p %}What's New in the latest version — Font Awesome {{ site.fontawesome.version }}{% endcapture %}
|
||||
|
||||
{% include jumbotron.html %}
|
||||
{% include stripe-social.html %}
|
||||
|
|
|
|||
31
package.json
31
package.json
|
|
@ -6,12 +6,32 @@
|
|||
"homepage": "http://fontawesome.io/",
|
||||
"author": {
|
||||
"name": "Dave Gandy",
|
||||
"email": "dave@fontawesome.io"
|
||||
"email": "dave@fontawesome.io",
|
||||
"web": "http://twitter.com/byscuits"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/FortAwesome/Font-Awesome.git"
|
||||
},
|
||||
"contributors": [
|
||||
{
|
||||
"name": "Dave Gandy",
|
||||
"email": "dave@fontawesome.io",
|
||||
"web": "http://scripts.sil.org/OFL"
|
||||
},
|
||||
{
|
||||
"name": "Rob Madole",
|
||||
"web": "http://twitter.com/robmadole"
|
||||
},
|
||||
{
|
||||
"name": "Geremia Taglialatela",
|
||||
"web": "http://twitter.com/gtagliala"
|
||||
},
|
||||
{
|
||||
"name": "Travis Chase",
|
||||
"web": "http://twitter.com/supercodepoet"
|
||||
}
|
||||
],
|
||||
"licenses": [
|
||||
{
|
||||
"type": "SIL OFL 1.1",
|
||||
|
|
@ -20,13 +40,10 @@
|
|||
{
|
||||
"type": "MIT License",
|
||||
"url": "http://opensource.org/licenses/mit-license.html"
|
||||
},
|
||||
{
|
||||
"type": "CC BY 3.0",
|
||||
"url": "http://creativecommons.org/licenses/by/3.0/"
|
||||
}
|
||||
],
|
||||
"devDependencies": {
|
||||
"recess": "1.1.6"
|
||||
"dependencies": {
|
||||
"jekyll": "1.0.2",
|
||||
"lessc": "1.3.3"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue