mirror of
https://github.com/ForkAwesome/Fork-Awesome.git
synced 2024-12-27 14:01:32 +08:00
Merge remote-tracking branch 'origin/3.2.0-wip' into 3.2.0-wip
This commit is contained in:
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_layout: icon.html # Relative to _layouts directory
|
||||||
icon_destination: icon # Relative to destination
|
icon_destination: icon # Relative to destination
|
||||||
|
|
||||||
font_awesome:
|
fontawesome:
|
||||||
version: 3.2.0
|
version: 3.2.0
|
||||||
url: http://fontawesome.io
|
url: http://fontawesome.io
|
||||||
legacy_url: http://fortawesome.github.com/Font-Awesome/
|
legacy_url: http://fortawesome.github.com/Font-Awesome/
|
||||||
|
blog_url: http://blog.fontawesome.io
|
||||||
twitter: fontawesome
|
twitter: fontawesome
|
||||||
|
tagline: The iconic font for designed Bootstrap
|
||||||
author:
|
author:
|
||||||
name: Dave Gandy
|
name: Dave Gandy
|
||||||
email: dave@fontawesome.io
|
email: dave@fontawesome.io
|
||||||
twitter: byscuits
|
twitter: byscuits
|
||||||
|
work:
|
||||||
|
name: Kyruus
|
||||||
|
url: http://kyruus.com
|
||||||
|
title: Lead Product Designer
|
||||||
github:
|
github:
|
||||||
url: https://github.com/FortAwesome/Font-Awesome
|
url: https://github.com/FortAwesome/Font-Awesome
|
||||||
project: Font-Awesome
|
project: Font-Awesome
|
||||||
org: FortAwesome
|
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:
|
bootstrap:
|
||||||
version: 2.3.1
|
version: 2.3.2
|
||||||
url: http://getbootstrap.com
|
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 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css
|
||||||
FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.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:
|
build:
|
||||||
@echo "Compiling Less files"
|
@echo "Compiling Less files"
|
||||||
@mkdir -p ${FA_CSS_DIRECTORY}
|
@mkdir -p ${FA_CSS_DIRECTORY}
|
||||||
recess --compile ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
|
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
|
||||||
recess --compile --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
|
lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
|
||||||
recess --compile ${FA_LESS_IE7} > ${FA_CSS_IE7}
|
lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
|
||||||
recess --compile --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
|
lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
|
||||||
|
lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
|
||||||
|
|
||||||
|
|
||||||
default: build
|
default: build
|
||||||
|
@ -6,323 +6,14 @@
|
|||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
{% include stripe-ad.html %}
|
{% include stripe-ad.html %}
|
||||||
|
|
||||||
<div>
|
<h2 class="page-header">Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode</h2>
|
||||||
<h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, & Unicode</h2>
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span4">
|
{% for icon in icons %}
|
||||||
<ul class="unstyled">
|
<div class="span4">
|
||||||
<li><i class="icon-fixed-width"></i> icon-glass <span class="muted">(&#xf000;)</span></li>
|
<i class="icon-fixed-width">&#x{{ icon.unicode }}</i>
|
||||||
<li><i class="icon-fixed-width"></i> icon-music <span class="muted">(&#xf001;)</span></li>
|
icon-{{ icon.id }}
|
||||||
<li><i class="icon-fixed-width"></i> icon-search <span class="muted">(&#xf002;)</span></li>
|
<span class="muted">(&#x{{ icon.unicode }};)</span>
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
<li>
|
<li>
|
||||||
Can't find the answer to your question on Stack Overflow?
|
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="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>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
|
@ -2,6 +2,6 @@
|
|||||||
<h2 class="page-header">Project Milestones</h2>
|
<h2 class="page-header">Project Milestones</h2>
|
||||||
<p>
|
<p>
|
||||||
Want to keep up with what's planned for Font Awesome? Check out our
|
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>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
@ -5,14 +5,14 @@
|
|||||||
</p>
|
</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Please be nice. Font Awesome is a happy place.</li>
|
<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>
|
<li>
|
||||||
Before opening any issue, please read the generic <a href="https://github.com/necolas/issue-guidelines">issue
|
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>.
|
guidelines</a>, by <a href="https://github.com/necolas/">Nicolas Gallagher</a>.
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
After doing everything above, feel free to
|
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>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</section>
|
</section>
|
||||||
|
@ -2,17 +2,17 @@
|
|||||||
<h2 class="page-header">Requesting New Icons</h2>
|
<h2 class="page-header">Requesting New Icons</h2>
|
||||||
<p>
|
<p>
|
||||||
New icons mostly start as requests by the
|
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:
|
icon? Here are some things to keep in mind:
|
||||||
</p>
|
</p>
|
||||||
<ol>
|
<ol>
|
||||||
<li>Please be nice. Font Awesome is a happy place.</li>
|
<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>
|
<li>
|
||||||
Please and thank you if you include the following:
|
Please and thank you if you include the following:
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<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>.
|
<code>Icon request: icon-name</code>.
|
||||||
</li>
|
</li>
|
||||||
<li>Include a few use cases for your requested icon. How do you plan on using it?</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>All pull requests submitted against master will be sumarily closed and this guide referenced.</li>
|
||||||
<li>
|
<li>
|
||||||
After doing everything above, feel free to
|
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>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
</section>
|
</section>
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
<div class="well well-large well-transparent lead">
|
<div class="well well-large well-transparent lead">
|
||||||
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
<p class="alert alert-info">
|
<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
|
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.
|
of them in any combination to get lots of new possibilities.
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
|
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
|
||||||
Use a few of the new styles together ... lots of new possibilities.
|
Use a few of the new styles together ... lots of new possibilities.
|
||||||
{% endhighlight %}
|
{% 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
|
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.
|
of them in any combination to get lots of new possibilities.
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<i class="icon-flag icon-4x pull-left icon-border"></i>
|
<i class="icon-flag icon-4x pull-left icon-border"></i>
|
||||||
Use a few of the new styles together ... lots of new possibilities.
|
Use a few of the new styles together ... lots of new possibilities.
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="span9">
|
<div class="span9">
|
||||||
<p>Easily replace individual bullets.</p>
|
<p>Easily replace individual bullets.</p>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<ul class="icons-ul">
|
<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>Bulleted lists (like this one)</li>
|
||||||
<li><i class="icon-li icon-ok"></i>Buttons</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>
|
<li><i class="icon-li icon-ok"></i>…and many more with custom CSS</li>
|
||||||
</ul>
|
</ul>
|
||||||
{% endhighlight %}
|
{% 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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="span9">
|
<div class="span9">
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<div class="btn-group open">
|
<div class="btn-group open">
|
||||||
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
|
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
|
||||||
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
|
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="span9">
|
<div class="span9">
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<div class="btn-group">
|
<div class="btn-group">
|
||||||
<a class="btn" href="#"><i class="icon-align-left"></i></a>
|
<a class="btn" href="#"><i class="icon-align-left"></i></a>
|
||||||
<a class="btn" href="#"><i class="icon-align-center"></i></a>
|
<a class="btn" href="#"><i class="icon-align-center"></i></a>
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<a class="btn btn-large btn-danger" href="#">
|
<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>
|
||||||
<p>
|
<p>
|
||||||
<a class="btn btn-primary" href="#">
|
<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,
|
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>.
|
<code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
|
||||||
</p>
|
</p>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<a class="btn" href="#">
|
<a class="btn" href="#">
|
||||||
<i class="icon-repeat"></i> Reload</a>
|
<i class="icon-repeat"></i> Reload</a>
|
||||||
<a class="btn btn-success" href="#">
|
<a class="btn btn-success" href="#">
|
||||||
@ -48,7 +48,7 @@
|
|||||||
<a class="btn btn-small" href="#">
|
<a class="btn btn-small" href="#">
|
||||||
<i class="icon-cog"></i> Settings</a>
|
<i class="icon-cog"></i> Settings</a>
|
||||||
<a class="btn btn-large btn-danger" href="#">
|
<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="#">
|
<a class="btn btn-primary" href="#">
|
||||||
<i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
|
<i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="span9">
|
<div class="span9">
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<form>
|
<form>
|
||||||
<div class="input-prepend">
|
<div class="input-prepend">
|
||||||
<span class="add-on"><i class="icon-envelope"></i></span>
|
<span class="add-on"><i class="icon-envelope"></i></span>
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
<div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
|
<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>
|
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
|
||||||
</div>
|
</div>
|
||||||
</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-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-2x"></i> icon-camera-retro</p>
|
||||||
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
|
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="span9">
|
<div class="span9">
|
||||||
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
|
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<ul class="nav nav-list">
|
<ul class="nav nav-list">
|
||||||
<li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
|
<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>
|
<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">
|
<{% 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="row">
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
|
<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-horizontal"></i> icon-flip-horizontal<br>
|
||||||
<i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
|
<i class="icon-shield icon-flip-vertical"></i> icon-flip-vertical
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<i class="icon-shield"></i> normal<br>
|
<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-90"></i> icon-rotate-90<br>
|
||||||
<i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
|
<i class="icon-shield icon-rotate-180"></i> icon-rotate-180<br>
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
</span>
|
</span>
|
||||||
icon-terminal on icon-sign-blank
|
icon-terminal on icon-sign-blank
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<span class="icon-stack">
|
<span class="icon-stack">
|
||||||
<i class="icon-check-empty icon-stack-base"></i>
|
<i class="icon-check-empty icon-stack-base"></i>
|
||||||
<i class="icon-twitter"></i>
|
<i class="icon-twitter"></i>
|
||||||
|
@ -1,21 +1,21 @@
|
|||||||
<footer class="footer hidden-print">
|
<footer class="footer hidden-print">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
<div>
|
<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 ·
|
Created and Maintained by Dave Gandy ·
|
||||||
<a href="http://twitter.com/byscuits">@byscuits</a>
|
<a href="http://twitter.com/byscuits">@byscuits</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
Font Awesome font licensed under <a href="{{ site.license.font.url }}">{{ site.license.font.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.license.code.url }}">{{ site.license.code.version }}</a> ·
|
Code licensed under <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.version }}</a> ·
|
||||||
Documentation licensed under <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.version }}</a>
|
Documentation licensed under <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.version }}</a>
|
||||||
</div>
|
</div>
|
||||||
<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>
|
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>
|
||||||
<div class="project">
|
<div class="project">
|
||||||
<a href="{{ site.font_awesome.github.url }}">GitHub Project</a> ·
|
<a href="{{ site.fontawesome.github.url }}">GitHub Project</a> ·
|
||||||
<a href="{{ site.font_awesome.github.url }}/issues">Issues</a>
|
<a href="{{ site.fontawesome.github.url }}/issues">Issues</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
@ -13,9 +13,9 @@
|
|||||||
<ol>
|
<ol>
|
||||||
<li>
|
<li>
|
||||||
Paste the following code into the <code><head></code> section of your site's HTML.
|
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/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 %}
|
{% endhighlight %}
|
||||||
<div class="alert alert-info margin-top">
|
<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.
|
<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>Copy the <code>font-awesome</code> directory into your project.</li>
|
||||||
<li>
|
<li>
|
||||||
In the <code><head></code> of your html, reference the location to your font-awesome.min.css.
|
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/bootstrap/css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||||
{% endhighlight %}
|
{% 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 bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
|
||||||
<li>
|
<li>
|
||||||
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
|
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";
|
@FontAwesomePath: "../font";
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
<p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
|
<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>Copy font-awesome-ie7.min.css into your project.</li>
|
||||||
<li>
|
<li>
|
||||||
In the <code><head></code> of your html, reference the location to your font-awesome-ie7.min.css.
|
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/bootstrap/css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
|
||||||
<!--[if IE 7]>
|
<!--[if IE 7]>
|
||||||
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">
|
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome-ie7.min.css">
|
||||||
<![endif]-->{% endhighlight %}
|
<![endif]-->
|
||||||
|
{% endhighlight %}
|
||||||
</li>
|
</li>
|
||||||
<li>Go complain to whoever decided your project needs IE7 support.</li>
|
<li>Go complain to whoever decided your project needs IE7 support.</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
{% capture stripe_ad_content %}
|
{% capture stripe_ad_content %}
|
||||||
<p class="lead">
|
<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>.
|
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>.
|
Need vectors or want to use on the desktop? Check the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
|
||||||
</p>
|
</p>
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
|
@ -1,14 +1,14 @@
|
|||||||
<{% if page.navbar_active == "icons" %}div{% else %}section{% endif %} id="new">
|
<{% 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" %}
|
{% if page.navbar_active != "icons" %}
|
||||||
<div class="margin-botom-large">
|
<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>.
|
Want to request new icons? <a href="{{ page.relative_path }}community/#requesting-new-icons">Here's how</a>.
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="row the-icons">
|
<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 %}
|
{% 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>
|
<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 %}
|
{% for alias in icon.aliases %}
|
||||||
|
@ -13,11 +13,11 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="shameless-self-promotion">
|
<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']);">
|
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
|
||||||
GitHub Project</a> ·
|
GitHub Project</a> ·
|
||||||
Version {{ site.font_awesome.version }} ·
|
Version {{ site.fontawesome.version }} ·
|
||||||
Created & Maintained by <a href="http://twitter.com/{{ site.font_awesome.author.twitter }}">Dave Gandy</a>
|
Created & Maintained by <a href="http://twitter.com/{{ site.fontawesome.author.twitter }}">Dave Gandy</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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 %}
|
{% capture stripe_ad_content %}
|
||||||
<p class="lead">
|
<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.
|
projects, or really just about whatever you want.
|
||||||
</p>
|
</p>
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
@ -20,8 +20,8 @@
|
|||||||
Applies to all desktop and webfont files in the following directory:
|
Applies to all desktop and webfont files in the following directory:
|
||||||
<code>font-awesome/font/</code>.
|
<code>font-awesome/font/</code>.
|
||||||
</li>
|
</li>
|
||||||
<li>License: {{ site.license.font.version }}</li>
|
<li>License: {{ site.fontawesome.license.font.version }}</li>
|
||||||
<li>URL: <a href="{{ site.license.font.url }}">{{ site.license.font.url }}</a></li>
|
<li>URL: <a href="{{ site.fontawesome.license.font.url }}">{{ site.fontawesome.license.font.url }}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -33,8 +33,8 @@
|
|||||||
<code>font-awesome/css/</code> and
|
<code>font-awesome/css/</code> and
|
||||||
<code>font-awesome/less/</code>.
|
<code>font-awesome/less/</code>.
|
||||||
</li>
|
</li>
|
||||||
<li>License: {{ site.license.code.version }}</li>
|
<li>License: {{ site.fontawesome.license.code.version }}</li>
|
||||||
<li>URL: <a href="{{ site.license.code.url }}">{{ site.license.code.url }}</a></li>
|
<li>URL: <a href="{{ site.fontawesome.license.code.url }}">{{ site.fontawesome.license.code.url }}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -42,8 +42,8 @@
|
|||||||
<h2 class="page-header">Documentation License</h2>
|
<h2 class="page-header">Documentation License</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Applies to all Font Awesome project files that are not a part of the Font or Code licenses.</li>
|
<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>License: {{ site.fontawesome.license.documentation.version }}</li>
|
||||||
<li>URL: <a href="{{ site.license.documentation.url }}">{{ site.license.documentation.url }}</a></li>
|
<li>URL: <a href="{{ site.fontawesome.license.documentation.url }}">{{ site.fontawesome.license.documentation.url }}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
@ -13,10 +13,10 @@
|
|||||||
<ul class="dropdown-menu pull-right">
|
<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><a href="{{ page.relative_path }}icons/"><i class="icon-flag icon-fixed-width"></i> Icons</a></li>
|
||||||
<li class="divider"></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/#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/#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-alt icon-fixed-width"></i> Text Editor 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/#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/#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>
|
<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>
|
<li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="nav pull-right">
|
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
<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>
|
||||||
<li class="follow-btn">
|
<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>
|
||||||
<li class="tweet-btn">
|
<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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</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 %}
|
{% capture stripe_ad_content %}
|
||||||
<p class="lead">
|
<p class="lead">
|
||||||
Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome
|
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>.
|
<a href="{{ page.relative_path }}community/">Help contribute</a>.
|
||||||
</p>
|
</p>
|
||||||
{% endcapture %}
|
{% endcapture %}
|
||||||
@ -10,8 +10,8 @@
|
|||||||
<div id="whats-new">
|
<div id="whats-new">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h4><i class="icon-lightbulb"></i> {{ icons | version:site.font_awesome.version | size }} New Icons in {{ site.font_awesome.version }}</h4>
|
<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.font_awesome.github.url }}">Font Awesome GitHub project</a>.
|
Requested by the active community on the <a href="{{ site.fontawesome.github.url }}">Font Awesome GitHub project</a>.
|
||||||
</div>
|
</div>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h4><i class="icon-legal"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4>
|
<h4><i class="icon-legal"></i> <a href="{{ page.relative_path }}license/">Better & Simpler License</a></h4>
|
||||||
@ -36,7 +36,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
<h4><i class="icon-question-sign"></i> Want More Details?</h4>
|
<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.
|
what's new and changed.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span4">
|
<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>.
|
Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
|
||||||
</div>
|
</div>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
@ -29,7 +29,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span4">
|
<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>.
|
Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
|
||||||
</div>
|
</div>
|
||||||
<div class="span4">
|
<div class="span4">
|
||||||
|
@ -45,7 +45,7 @@ relative_path: ../../
|
|||||||
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
|
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% highlight html linenos %}
|
{% highlight html %}
|
||||||
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
|
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
<br>
|
<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
|
/* FONT AWESOME CORE
|
||||||
* -------------------------- */
|
* -------------------------- */
|
||||||
|
|
||||||
.icon(@icon) {
|
|
||||||
.icon-FontAwesome();
|
|
||||||
content: @icon;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class^="icon-"],
|
[class^="icon-"],
|
||||||
[class*=" icon-"] {
|
[class*=" icon-"] {
|
||||||
.icon-FontAwesome();
|
.icon-FontAwesome();
|
||||||
@ -37,10 +32,11 @@ a {
|
|||||||
[class*=" icon-"] {
|
[class*=" icon-"] {
|
||||||
&.icon-fixed-width {
|
&.icon-fixed-width {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 18/14em;
|
width: 16/14em;
|
||||||
text-align: center;
|
text-align: right;
|
||||||
|
padding-right: 4/14em;
|
||||||
&.icon-large {
|
&.icon-large {
|
||||||
width: 22/14em;
|
width: 20/14em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -52,10 +48,12 @@ ul.icons-ul {
|
|||||||
|
|
||||||
> li {
|
> li {
|
||||||
.icon-li {
|
.icon-li {
|
||||||
width: 10/14em;
|
width: 2/14em;
|
||||||
display: inline-block;
|
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;
|
-webkit-animation: spin 2s infinite linear;
|
||||||
animation: spin 2s infinite linear;
|
animation: spin 2s infinite linear;
|
||||||
}
|
}
|
||||||
|
a .icon-spin {
|
||||||
|
display: inline-block;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
@-moz-keyframes spin {
|
@-moz-keyframes spin {
|
||||||
0% { -moz-transform: rotate(0deg); }
|
0% { -moz-transform: rotate(0deg); }
|
||||||
@ -35,7 +39,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Icon rotations and mirroring */
|
/* Icon rotations and mirroring */
|
||||||
.icon-rotate-90:before{
|
.icon-rotate-90:before {
|
||||||
-webkit-transform: rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
-moz-transform: rotate(90deg);
|
-moz-transform: rotate(90deg);
|
||||||
-ms-transform: rotate(90deg);
|
-ms-transform: rotate(90deg);
|
||||||
@ -44,7 +48,7 @@
|
|||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-rotate-180:before{
|
.icon-rotate-180:before {
|
||||||
-webkit-transform: rotate(180deg);
|
-webkit-transform: rotate(180deg);
|
||||||
-moz-transform: rotate(180deg);
|
-moz-transform: rotate(180deg);
|
||||||
-ms-transform: rotate(180deg);
|
-ms-transform: rotate(180deg);
|
||||||
@ -53,7 +57,7 @@
|
|||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-rotate-270:before{
|
.icon-rotate-270:before {
|
||||||
-webkit-transform: rotate(270deg);
|
-webkit-transform: rotate(270deg);
|
||||||
-moz-transform: rotate(270deg);
|
-moz-transform: rotate(270deg);
|
||||||
-ms-transform: rotate(270deg);
|
-ms-transform: rotate(270deg);
|
||||||
@ -76,4 +80,11 @@
|
|||||||
-ms-transform: scale(1, -1);
|
-ms-transform: scale(1, -1);
|
||||||
-o-transform: scale(1, -1);
|
-o-transform: scale(1, -1);
|
||||||
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 @@
|
|||||||
---
|
---
|
||||||
---
|
---
|
||||||
/*!
|
{% include license-code.less %}
|
||||||
* 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
|
|
||||||
*/
|
|
||||||
|
|
||||||
.icon-large {
|
.icon-large {
|
||||||
font-size: 4/3em;
|
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
|
{% include license-code.less %}
|
||||||
* -------------------------------------------------------
|
|
||||||
* 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
|
|
||||||
*/
|
|
||||||
|
|
||||||
@import "variables.less";
|
@import "variables.less";
|
||||||
@import "mixins.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
|
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||||
readers do not read off random characters that represent icons */
|
readers do not read off random characters that represent icons */
|
||||||
{% for icon in icons %}
|
{% for icon in icons %}{% for alias in icon.aliases %}
|
||||||
.icon-{{ icon.id }}:before {
|
.icon-{{ alias }}:before,{% endfor %}
|
||||||
content: @{{ icon.id }};
|
.icon-{{ icon.id }}:before { content: @{{ icon.id }}; }{% endfor %}
|
||||||
}
|
|
||||||
{% for alias in icon.aliases %}
|
|
||||||
// {{ icon.name }} alias
|
|
||||||
.icon-{{ alias }}:before {
|
|
||||||
content: @{{ icon.id }};
|
|
||||||
}
|
|
||||||
{% endfor %}
|
|
||||||
{% endfor %}
|
|
||||||
|
7
build/assets/font-awesome/less/mixins.less
vendored
7
build/assets/font-awesome/less/mixins.less
vendored
@ -1,6 +1,11 @@
|
|||||||
// Mixins
|
// Mixins
|
||||||
// --------------------------
|
// --------------------------
|
||||||
|
|
||||||
|
.icon(@icon) {
|
||||||
|
.icon-FontAwesome();
|
||||||
|
content: @icon;
|
||||||
|
}
|
||||||
|
|
||||||
.icon-FontAwesome() {
|
.icon-FontAwesome() {
|
||||||
font-family: FontAwesome;
|
font-family: FontAwesome;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
@ -41,5 +46,3 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -4,8 +4,8 @@
|
|||||||
// --------------------------
|
// --------------------------
|
||||||
|
|
||||||
@FontAwesomePath: "../font";
|
@FontAwesomePath: "../font";
|
||||||
//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version}}/font"; // for referencing Bootstrap CDN font files directly
|
//@FontAwesomePath: "//netdna.bootstrapcdn.com/font-awesome/{{ site.fontawesome.version}}/font"; // for referencing Bootstrap CDN font files directly
|
||||||
@FontAwesomeVersion: "{{ site.font_awesome.version }}";
|
@FontAwesomeVersion: "{{ site.fontawesome.version }}";
|
||||||
@borderColor: #eee;
|
@borderColor: #eee;
|
||||||
@iconMuted: #eee;
|
@iconMuted: #eee;
|
||||||
@iconLight: #fff;
|
@iconLight: #fff;
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
/*!
|
/*!
|
||||||
* Bootstrap v2.3.1
|
* Bootstrap v2.3.2
|
||||||
*
|
*
|
||||||
* Copyright 2012 Twitter, Inc
|
* Copyright 2012 Twitter, Inc
|
||||||
* Licensed under the Apache License v2.0
|
* Licensed under the Apache License v2.0
|
||||||
@ -27,7 +27,7 @@
|
|||||||
@import "tables.less";
|
@import "tables.less";
|
||||||
|
|
||||||
// Components: common
|
// Components: common
|
||||||
//@import "sprites.less";
|
@import "sprites.less";
|
||||||
@import "dropdowns.less";
|
@import "dropdowns.less";
|
||||||
@import "wells.less";
|
@import "wells.less";
|
||||||
@import "component-animations.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
|
// Right aligned dropdowns
|
||||||
// ---------------------------
|
// ---------------------------
|
||||||
.pull-right > .dropdown-menu {
|
.pull-right > .dropdown-menu {
|
@ -1,5 +1,5 @@
|
|||||||
/*!
|
/*!
|
||||||
* Bootstrap Responsive v2.3.1
|
* Bootstrap Responsive v2.3.2
|
||||||
*
|
*
|
||||||
* Copyright 2012 Twitter, Inc
|
* Copyright 2012 Twitter, Inc
|
||||||
* Licensed under the Apache License v2.0
|
* 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 "sticky-footer.less";
|
||||||
|
|
||||||
@import "mixins.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: ../
|
relative_path: ../
|
||||||
---
|
---
|
||||||
{% capture jumbotron_h1 %}<i class="icon-list-ul icon-large"></i> Cheatsheet{% endcapture %}
|
{% 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 jumbotron.html %}
|
||||||
{% include stripe-social.html %}
|
{% include stripe-social.html %}
|
||||||
|
@ -5,7 +5,7 @@ navbar_active: get-started
|
|||||||
relative_path: ../
|
relative_path: ../
|
||||||
---
|
---
|
||||||
{% capture jumbotron_h1 %}<i class="icon-cogs icon-large"></i> Get Started{% endcapture %}
|
{% 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 jumbotron.html %}
|
||||||
{% include stripe-social.html %}
|
{% include stripe-social.html %}
|
||||||
|
@ -5,7 +5,7 @@ navbar_active: icons
|
|||||||
relative_path: ../
|
relative_path: ../
|
||||||
---
|
---
|
||||||
{% capture jumbotron_h1 %}<i class="icon-flag icon-large"></i> The Icons{% endcapture %}
|
{% 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 jumbotron.html %}
|
||||||
{% include stripe-social.html %}
|
{% include stripe-social.html %}
|
||||||
|
@ -1622,6 +1622,7 @@ icons:
|
|||||||
created: 3.0.0
|
created: 3.0.0
|
||||||
categories:
|
categories:
|
||||||
- Medical Icons
|
- Medical Icons
|
||||||
|
- Web Application Icons
|
||||||
|
|
||||||
|
|
||||||
- name: double-angle-left
|
- name: double-angle-left
|
||||||
|
@ -477,11 +477,11 @@ relative_path: ../
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span6">
|
<div class="span6">
|
||||||
<div style="border: solid 1px #d3d3d3;">
|
<div style="border: solid 1px #d3d3d3;">
|
||||||
<ul class="icons-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-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-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>
|
<li><i class="icon-li icon-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="span6">
|
<div class="span6">
|
||||||
@ -514,6 +514,26 @@ relative_path: ../
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</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="row">
|
||||||
<div class="span6">
|
<div class="span6">
|
||||||
@ -544,6 +564,7 @@ relative_path: ../
|
|||||||
<button class="btn btn-small">Loading...</button>
|
<button class="btn btn-small">Loading...</button>
|
||||||
<i class="icon-circle-blank icon-spin"></i> Loading...
|
<i class="icon-circle-blank icon-spin"></i> Loading...
|
||||||
<button class="btn btn-small"><i class="icon-circle-blank icon-spin"></i> Loading...</button>
|
<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>
|
||||||
<div style="border: solid 1px #d3d3d3;">
|
<div style="border: solid 1px #d3d3d3;">
|
||||||
<i class="icon-refresh icon-spin"></i> Loading...
|
<i class="icon-refresh icon-spin"></i> Loading...
|
||||||
@ -602,5 +623,19 @@ relative_path: ../
|
|||||||
{% include tests/rotated-flipped.html %}
|
{% include tests/rotated-flipped.html %}
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</section>
|
||||||
|
@ -5,7 +5,7 @@ navbar_active: whats-new
|
|||||||
relative_path: ../
|
relative_path: ../
|
||||||
---
|
---
|
||||||
{% capture jumbotron_h1 %}<i class="icon-lightbulb icon-large"></i> What's New{% endcapture %}
|
{% 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 jumbotron.html %}
|
||||||
{% include stripe-social.html %}
|
{% include stripe-social.html %}
|
||||||
|
31
package.json
31
package.json
@ -6,12 +6,32 @@
|
|||||||
"homepage": "http://fontawesome.io/",
|
"homepage": "http://fontawesome.io/",
|
||||||
"author": {
|
"author": {
|
||||||
"name": "Dave Gandy",
|
"name": "Dave Gandy",
|
||||||
"email": "dave@fontawesome.io"
|
"email": "dave@fontawesome.io",
|
||||||
|
"web": "http://twitter.com/byscuits"
|
||||||
},
|
},
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://github.com/FortAwesome/Font-Awesome.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": [
|
"licenses": [
|
||||||
{
|
{
|
||||||
"type": "SIL OFL 1.1",
|
"type": "SIL OFL 1.1",
|
||||||
@ -20,13 +40,10 @@
|
|||||||
{
|
{
|
||||||
"type": "MIT License",
|
"type": "MIT License",
|
||||||
"url": "http://opensource.org/licenses/mit-license.html"
|
"url": "http://opensource.org/licenses/mit-license.html"
|
||||||
},
|
|
||||||
{
|
|
||||||
"type": "CC BY 3.0",
|
|
||||||
"url": "http://creativecommons.org/licenses/by/3.0/"
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"devDependencies": {
|
"dependencies": {
|
||||||
"recess": "1.1.6"
|
"jekyll": "1.0.2",
|
||||||
|
"lessc": "1.3.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user