├── src ├── CNAME ├── 3.2.1 │ ├── CNAME │ ├── design.html │ ├── assets │ │ ├── font-awesome.zip │ │ ├── ico │ │ │ └── favicon.ico │ │ ├── img │ │ │ ├── icon-flag.pdf │ │ │ ├── fort_awesome.jpg │ │ │ ├── contribution-sample.png │ │ │ ├── glyphicons-halflings.png │ │ │ └── glyphicons-halflings-white.png │ │ ├── js │ │ │ ├── ZeroClipboard-1.1.7.swf │ │ │ └── site.js │ │ ├── font-awesome │ │ │ ├── font │ │ │ │ ├── FontAwesome.otf │ │ │ │ ├── fontawesome-webfont.eot │ │ │ │ ├── fontawesome-webfont.ttf │ │ │ │ └── fontawesome-webfont.woff │ │ │ ├── less │ │ │ │ ├── path.less │ │ │ │ ├── mixins.less │ │ │ │ └── font-awesome.less │ │ │ └── scss │ │ │ │ ├── _path.scss │ │ │ │ ├── _mixins.scss │ │ │ │ └── font-awesome.scss │ │ ├── less │ │ │ ├── responsive-navbar.less │ │ │ ├── bootstrap-2.3.2 │ │ │ │ ├── layouts.less │ │ │ │ ├── component-animations.less │ │ │ │ ├── utilities.less │ │ │ │ ├── grid.less │ │ │ │ ├── breadcrumbs.less │ │ │ │ ├── responsive-768px-979px.less │ │ │ │ ├── hero-unit.less │ │ │ │ ├── wells.less │ │ │ │ ├── responsive-1200px-min.less │ │ │ │ ├── close.less │ │ │ │ ├── accordion.less │ │ │ │ ├── pager.less │ │ │ │ ├── media.less │ │ │ │ ├── scaffolding.less │ │ │ │ ├── responsive.less │ │ │ │ ├── thumbnails.less │ │ │ │ ├── code.less │ │ │ │ ├── alerts.less │ │ │ │ ├── bootstrap.less │ │ │ │ ├── responsive-utilities.less │ │ │ │ ├── tooltip.less │ │ │ │ └── labels-badges.less │ │ │ ├── sticky-footer.less │ │ │ ├── responsive-1200px-min.less │ │ │ ├── responsive-768px-979px.less │ │ │ ├── responsive.less │ │ │ └── responsive-767px-max.less │ │ └── css │ │ │ └── prettify.css │ └── Makefile ├── assets │ ├── less │ │ ├── site │ │ │ ├── layout.less │ │ │ ├── bootstrap │ │ │ │ ├── alerts.less │ │ │ │ ├── type.less │ │ │ │ ├── modals.less │ │ │ │ ├── buttons.less │ │ │ │ ├── wells.less │ │ │ │ ├── navbar.less │ │ │ │ └── jumbotron.less │ │ │ ├── stripe-ad.less │ │ │ ├── responsive │ │ │ │ ├── screen-md.less │ │ │ │ ├── screen-sm.less │ │ │ │ ├── screen-lg.less │ │ │ │ └── screen-xs.less │ │ │ ├── sumome.less │ │ │ ├── algolia.less │ │ │ ├── bsap-ad.less │ │ │ ├── social-buttons.less │ │ │ ├── fusion-ad.less │ │ │ ├── example-rating.less │ │ │ ├── feature-list.less │ │ │ ├── search.less │ │ │ ├── fontawesome-icon-list.less │ │ │ ├── footer.less │ │ │ └── jumbotron-carousel.less │ │ ├── bootstrap-3.3.5 │ │ │ ├── mixins │ │ │ │ ├── center-block.less │ │ │ │ ├── size.less │ │ │ │ ├── opacity.less │ │ │ │ ├── text-emphasis.less │ │ │ │ ├── text-overflow.less │ │ │ │ ├── tab-focus.less │ │ │ │ ├── background-variant.less │ │ │ │ ├── labels.less │ │ │ │ ├── resize.less │ │ │ │ ├── progress-bar.less │ │ │ │ ├── nav-divider.less │ │ │ │ ├── reset-filter.less │ │ │ │ ├── alerts.less │ │ │ │ ├── nav-vertical-align.less │ │ │ │ ├── responsive-visibility.less │ │ │ │ ├── border-radius.less │ │ │ │ ├── reset-text.less │ │ │ │ ├── pagination.less │ │ │ │ ├── panels.less │ │ │ │ ├── hide-text.less │ │ │ │ ├── list-group.less │ │ │ │ ├── clearfix.less │ │ │ │ ├── table-row.less │ │ │ │ ├── image.less │ │ │ │ └── buttons.less │ │ │ ├── .csslintrc │ │ │ ├── wells.less │ │ │ ├── breadcrumbs.less │ │ │ ├── responsive-embed.less │ │ │ ├── component-animations.less │ │ │ ├── close.less │ │ │ ├── thumbnails.less │ │ │ ├── utilities.less │ │ │ ├── pager.less │ │ │ ├── media.less │ │ │ ├── jumbotron.less │ │ │ ├── mixins.less │ │ │ ├── labels.less │ │ │ ├── badges.less │ │ │ ├── bootstrap.less │ │ │ ├── code.less │ │ │ ├── grid.less │ │ │ ├── alerts.less │ │ │ └── progress-bars.less │ │ └── site.less │ ├── ico │ │ └── favicon.ico │ ├── img │ │ ├── algolia.png │ │ ├── logo-themeisle.png │ │ └── logo-wpbeginner.png │ ├── js │ │ └── ZeroClipboard-1.1.7.swf │ ├── font-awesome │ │ ├── fonts │ │ │ ├── FontAwesome.otf │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ └── fontawesome-webfont.woff2 │ │ ├── less │ │ │ ├── core.less │ │ │ ├── fixed-width.less │ │ │ ├── icons.less │ │ │ ├── font-awesome.less │ │ │ ├── larger.less │ │ │ ├── list.less │ │ │ ├── stacked.less │ │ │ ├── mixins.less │ │ │ ├── bordered-pulled.less │ │ │ ├── variables.less │ │ │ ├── rotated-flipped.less │ │ │ ├── path.less │ │ │ └── animated.less │ │ ├── scss │ │ │ ├── _core.scss │ │ │ ├── _fixed-width.scss │ │ │ ├── font-awesome.scss │ │ │ ├── _icons.scss │ │ │ ├── _larger.scss │ │ │ ├── _list.scss │ │ │ ├── _stacked.scss │ │ │ ├── _mixins.scss │ │ │ ├── _bordered-pulled.scss │ │ │ ├── _rotated-flipped.scss │ │ │ ├── _variables.scss │ │ │ ├── _path.scss │ │ │ └── _animated.scss │ │ └── HELP-US-OUT.txt │ └── css │ │ └── prettify.css ├── design.html ├── _includes │ ├── ads │ │ └── fusion.html │ ├── stripe-ad.html │ ├── tests │ │ ├── stacked-with-text.html │ │ ├── rotated-flipped.html │ │ ├── rotated-flipped-inside-anchor.html │ │ ├── rotated-flipped-inside-btn.html │ │ ├── stacked.html │ │ └── stacked-inside-anchor.html │ ├── jumbotron.html │ ├── brand-license.html │ ├── code │ │ ├── license.css │ │ ├── core.less │ │ └── core.scss │ ├── community │ │ ├── project-milestones.html │ │ ├── submitting-pull-requests.html │ │ ├── reporting-bugs.html │ │ ├── getting-support.html │ │ └── requesting-new-icons.html │ ├── brand-adblock-warning.html │ ├── icons │ │ ├── hand.html │ │ ├── chart.html │ │ ├── gender.html │ │ ├── medical.html │ │ ├── payment.html │ │ ├── currency.html │ │ ├── file-type.html │ │ ├── directional.html │ │ ├── form-control.html │ │ ├── text-editor.html │ │ ├── video-player.html │ │ ├── transportation.html │ │ ├── web-application.html │ │ ├── brand.html │ │ ├── spinner.html │ │ └── new.html │ ├── new-upgrading.html │ ├── examples │ │ ├── custom.html │ │ ├── list.html │ │ ├── bordered-pulled.html │ │ ├── basic.html │ │ ├── rotated-flipped.html │ │ ├── fixed-width.html │ │ ├── larger.html │ │ └── animated.html │ ├── tell-me-thanks.html │ ├── thanks-to.html │ ├── new-features.html │ ├── modals │ │ └── download.html │ ├── why.html │ └── stripe-social.html ├── index.html ├── whats-new.html ├── _plugins │ ├── icon_page_generator.rb │ └── flatten_icon_filters.rb ├── thanks.html ├── examples.html ├── community.html ├── Makefile └── cheatsheet.html ├── fonts ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.ttf ├── fontawesome-webfont.woff └── fontawesome-webfont.woff2 ├── less ├── fixed-width.less ├── larger.less ├── list.less ├── core.less ├── font-awesome.less ├── stacked.less ├── bordered-pulled.less ├── rotated-flipped.less ├── path.less ├── animated.less └── mixins.less ├── scss ├── _fixed-width.scss ├── _larger.scss ├── _list.scss ├── font-awesome.scss ├── _core.scss ├── _stacked.scss ├── _bordered-pulled.scss ├── _rotated-flipped.scss ├── _path.scss ├── _animated.scss └── _mixins.scss ├── Gemfile ├── HELP-US-OUT.txt ├── .gitignore ├── bower.json ├── component.json ├── .npmignore ├── composer.json ├── package.json ├── Gemfile.lock └── _config.yml /src/CNAME: -------------------------------------------------------------------------------- 1 | fontawesome.io -------------------------------------------------------------------------------- /src/3.2.1/CNAME: -------------------------------------------------------------------------------- 1 | fontawesome.io -------------------------------------------------------------------------------- /src/assets/less/site/layout.less: -------------------------------------------------------------------------------- 1 | section { margin-top: 40px; } 2 | -------------------------------------------------------------------------------- /src/design.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/3.2.1/design.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/alerts.less: -------------------------------------------------------------------------------- 1 | .alert-link { text-decoration: underline; } 2 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/type.less: -------------------------------------------------------------------------------- 1 | .small-caps { 2 | font-family: @font-family-alt; 3 | } -------------------------------------------------------------------------------- /fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /src/assets/ico/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/ico/favicon.ico -------------------------------------------------------------------------------- /src/assets/img/algolia.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/img/algolia.png -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /src/assets/less/site/stripe-ad.less: -------------------------------------------------------------------------------- 1 | .stripe-ad { 2 | margin-bottom: 22px; 3 | .lead { padding-top: 5px; } 4 | } 5 | -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/font-awesome.zip -------------------------------------------------------------------------------- /src/3.2.1/assets/ico/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/ico/favicon.ico -------------------------------------------------------------------------------- /src/assets/img/logo-themeisle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/img/logo-themeisle.png -------------------------------------------------------------------------------- /src/3.2.1/assets/img/icon-flag.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/img/icon-flag.pdf -------------------------------------------------------------------------------- /src/assets/img/logo-wpbeginner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/img/logo-wpbeginner.png -------------------------------------------------------------------------------- /src/3.2.1/assets/img/fort_awesome.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/img/fort_awesome.jpg -------------------------------------------------------------------------------- /src/assets/js/ZeroClipboard-1.1.7.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/js/ZeroClipboard-1.1.7.swf -------------------------------------------------------------------------------- /src/3.2.1/assets/js/ZeroClipboard-1.1.7.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/js/ZeroClipboard-1.1.7.swf -------------------------------------------------------------------------------- /src/3.2.1/assets/img/contribution-sample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/img/contribution-sample.png -------------------------------------------------------------------------------- /src/3.2.1/assets/img/glyphicons-halflings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/img/glyphicons-halflings.png -------------------------------------------------------------------------------- /src/assets/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /src/assets/less/site/responsive/screen-md.less: -------------------------------------------------------------------------------- 1 | @media (min-width: @screen-md) and (max-width: @screen-md-max) { 2 | .hide-md { display: none; } 3 | } 4 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/font/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/font-awesome/font/FontAwesome.otf -------------------------------------------------------------------------------- /less/fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /src/3.2.1/assets/img/glyphicons-halflings-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/img/glyphicons-halflings-white.png -------------------------------------------------------------------------------- /src/_includes/ads/fusion.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/assets/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /src/assets/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /src/assets/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /src/assets/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/assets/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/font/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/font-awesome/font/fontawesome-webfont.eot -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/font/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/font-awesome/font/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | gem 'jekyll', '~> 1.0' 4 | gem 'safe_yaml', '~> 1.0.4' 5 | gem 'sass', '~> 3.0' 6 | gem 'less', '~> 2.5.0' 7 | gem 'therubyracer' 8 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/font/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/no-problemo/Font-Awesome/master/src/3.2.1/assets/font-awesome/font/fontawesome-webfont.woff -------------------------------------------------------------------------------- /src/_includes/stripe-ad.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {% include ads/fusion.html %} 4 | {{ stripe_ad_content }} 5 |
6 |
7 | -------------------------------------------------------------------------------- /src/_includes/tests/stacked-with-text.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 27 4 | 5 | -------------------------------------------------------------------------------- /src/assets/less/site/sumome.less: -------------------------------------------------------------------------------- 1 | .sumome-popup .sumome-popup-content .sumome-popup-form h2.sumome-popup-heading { 2 | font-family: @font-family-base; 3 | text-align: left !important; 4 | } 5 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/core.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Base Class Definition 5 | // ------------------------- 6 | 7 | .@{fa-css-prefix} { 8 | {% include code/core.less %} 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Base Class Definition 5 | // ------------------------- 6 | 7 | .#{$fa-css-prefix} { 8 | {% include code/core.scss %} 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/modals.less: -------------------------------------------------------------------------------- 1 | 2 | // Scale up the modal 3 | @media (min-width: @screen-sm-min) { 4 | // Modal sizes 5 | .modal-md { width: ((@modal-md + @modal-sm) / 2); } 6 | } 7 | -------------------------------------------------------------------------------- /src/_includes/jumbotron.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

{{ jumbotron_h1 }}

4 |

{{ jumbotron_p }}

5 |
6 |
7 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/center-block.less: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | .center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/fixed-width.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Fixed Width Icons 5 | // ------------------------- 6 | .@{fa-css-prefix}-fw { 7 | width: (18em / 14); 8 | text-align: center; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Fixed Width Icons 5 | // ------------------------- 6 | .#{$fa-css-prefix}-fw { 7 | width: (18em / 14); 8 | text-align: center; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/size.less: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | .size(@width; @height) { 4 | width: @width; 5 | height: @height; 6 | } 7 | 8 | .square(@size) { 9 | .size(@size; @size); 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/opacity.less: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | .opacity(@opacity) { 4 | opacity: @opacity; 5 | // IE8 filter 6 | @opacity-ie: (@opacity * 100); 7 | filter: ~"alpha(opacity=@{opacity-ie})"; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/text-emphasis.less: -------------------------------------------------------------------------------- 1 | // Typography 2 | 3 | .text-emphasis-variant(@color) { 4 | color: @color; 5 | a&:hover, 6 | a&:focus { 7 | color: darken(@color, 10%); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/text-overflow.less: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | .text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/tab-focus.less: -------------------------------------------------------------------------------- 1 | // WebKit-style focus 2 | 3 | .tab-focus() { 4 | // Default 5 | outline: thin dotted; 6 | // WebKit 7 | outline: 5px auto -webkit-focus-ring-color; 8 | outline-offset: -2px; 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/background-variant.less: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | .bg-variant(@color) { 4 | background-color: @color; 5 | a&:hover, 6 | a&:focus { 7 | background-color: darken(@color, 10%); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/buttons.less: -------------------------------------------------------------------------------- 1 | .btn { box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); } 2 | .btn-default { text-shadow: 0 1px 0 #fff; } 3 | .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info { text-shadow: 0 1px 0 rgba(0,0,0,0.2); } -------------------------------------------------------------------------------- /src/3.2.1/assets/less/responsive-navbar.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Navbar 3 | // -------------------------------------------------- 4 | 5 | 6 | // TABLETS AND BELOW 7 | // ----------------- 8 | @media (max-width: @navbarCollapseWidth) { 9 | 10 | 11 | } 12 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/labels.less: -------------------------------------------------------------------------------- 1 | // Labels 2 | 3 | .label-variant(@color) { 4 | background-color: @color; 5 | 6 | &[href] { 7 | &:hover, 8 | &:focus { 9 | background-color: darken(@color, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/resize.less: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | .resizable(@direction) { 4 | resize: @direction; // Options: horizontal, vertical, both 5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 6 | } 7 | -------------------------------------------------------------------------------- /src/_includes/brand-license.html: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/progress-bar.less: -------------------------------------------------------------------------------- 1 | // Progress bars 2 | 3 | .progress-bar-variant(@color) { 4 | background-color: @color; 5 | 6 | // Deprecated parent class requirement as of v3.2.0 7 | .progress-striped & { 8 | #gradient > .striped(); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/less/site/algolia.less: -------------------------------------------------------------------------------- 1 | .algolia { 2 | margin-top: -20px; 3 | padding-top: 49px; 4 | a { 5 | color: @text-color; 6 | &:hover { color: @link-hover-color; } 7 | } 8 | .fas-algolia { 9 | font-size: 32px; 10 | vertical-align: middle; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/wells.less: -------------------------------------------------------------------------------- 1 | .well-transparent { background-color: transparent; } 2 | 3 | .well-lg { 4 | padding: @buffer-xl; 5 | font-size: @font-size-large + 3; 6 | h1 { font-size: 3em; } 7 | h2 { font-size: 2em; } 8 | h1, h2 { margin-top: 0; } 9 | p { margin-bottom: 30px; } 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/nav-divider.less: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | .nav-divider(@color: #e5e5e5) { 6 | height: 1px; 7 | margin: ((@line-height-computed / 2) - 1) 0; 8 | overflow: hidden; 9 | background-color: @color; 10 | } 11 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/reset-filter.less: -------------------------------------------------------------------------------- 1 | // Reset filters for IE 2 | // 3 | // When you need to remove a gradient background, do not forget to use this to reset 4 | // the IE filter for IE9 and below. 5 | 6 | .reset-filter() { 7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 8 | } 9 | -------------------------------------------------------------------------------- /src/_includes/code/license.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome {{ site.fontawesome.version }} by @{{ site.fontawesome.author.twitter }} - {{ site.fontawesome.url }} - @{{ site.fontawesome.twitter }} 3 | * License - {{ site.fontawesome.url }}/license (Font: {{ site.fontawesome.license.font.version }}, CSS: {{ site.fontawesome.license.code.version }}) 4 | */ -------------------------------------------------------------------------------- /src/_includes/community/project-milestones.html: -------------------------------------------------------------------------------- 1 |
2 |

Project Milestones

3 |

4 | Want to keep up with what's planned for Font Awesome? Check out our 5 | milestones on the GitHub project. 6 |

7 |
8 | -------------------------------------------------------------------------------- /HELP-US-OUT.txt: -------------------------------------------------------------------------------- 1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, 2 | Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, 3 | comprehensive icon sets or copy and paste your own. 4 | 5 | Please. Check it out. 6 | 7 | -Dave Gandy 8 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/alerts.less: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | .alert-variant(@background; @border; @text-color) { 4 | background-color: @background; 5 | border-color: @border; 6 | color: @text-color; 7 | 8 | hr { 9 | border-top-color: darken(@border, 5%); 10 | } 11 | .alert-link { 12 | color: darken(@text-color, 10%); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/font-awesome/HELP-US-OUT.txt: -------------------------------------------------------------------------------- 1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, 2 | Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, 3 | comprehensive icon sets or copy and paste your own. 4 | 5 | Please. Check it out. 6 | 7 | -Dave Gandy 8 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | {% include code/license.css %} 4 | 5 | @import "variables"; 6 | @import "mixins"; 7 | @import "path"; 8 | @import "core"; 9 | @import "larger"; 10 | @import "fixed-width"; 11 | @import "list"; 12 | @import "bordered-pulled"; 13 | @import "animated"; 14 | @import "rotated-flipped"; 15 | @import "stacked"; 16 | @import "icons"; 17 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/icons.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 4 | readers do not read off random characters that represent icons */ 5 | {% for icon in icons %}{% for alias in icon.aliases %} 6 | .@{fa-css-prefix}-{{ alias }}:before,{% endfor %} 7 | .@{fa-css-prefix}-{{ icon.id }}:before { content: @fa-var-{{ icon.id }}; }{% endfor %} 8 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_icons.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 4 | readers do not read off random characters that represent icons */ 5 | {% for icon in icons %}{% for alias in icon.aliases %} 6 | .#{$fa-css-prefix}-{{ alias }}:before,{% endfor %} 7 | .#{$fa-css-prefix}-{{ icon.id }}:before { content: $fa-var-{{ icon.id }}; }{% endfor %} 8 | -------------------------------------------------------------------------------- /src/_includes/code/core.less: -------------------------------------------------------------------------------- 1 | display: inline-block; 2 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 3 | font-size: inherit; // can't have font-size inherit on line above, so need to override 4 | text-rendering: auto; // optimizelegibility throws things off #1094 5 | -webkit-font-smoothing: antialiased; 6 | -moz-osx-font-smoothing: grayscale; 7 | -------------------------------------------------------------------------------- /src/_includes/code/core.scss: -------------------------------------------------------------------------------- 1 | display: inline-block; 2 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 3 | font-size: inherit; // can't have font-size inherit on line above, so need to override 4 | text-rendering: auto; // optimizelegibility throws things off #1094 5 | -webkit-font-smoothing: antialiased; 6 | -moz-osx-font-smoothing: grayscale; 7 | -------------------------------------------------------------------------------- /src/assets/less/site/bsap-ad.less: -------------------------------------------------------------------------------- 1 | div.bsap { 2 | margin-bottom: 20px; 3 | a { 4 | display: inline-block !important; 5 | border-bottom: inherit !important; 6 | margin: 0 15px 20px !important; 7 | } 8 | a.adhere { 9 | background: inherit !important; 10 | border: 1px solid #ccc !important; 11 | &:hover { 12 | background: mix(#000,@jumbotron-bg,15%) !important; 13 | } 14 | } 15 | } -------------------------------------------------------------------------------- /src/_includes/tests/rotated-flipped.html: -------------------------------------------------------------------------------- 1 |   normal
2 |   fa-rotate-90
3 |   fa-rotate-180
4 |   fa-rotate-270
5 |   fa-flip-horizontal
6 |   fa-flip-vertical 7 | -------------------------------------------------------------------------------- /less/larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .@{fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .@{fa-css-prefix}-2x { font-size: 2em; } 11 | .@{fa-css-prefix}-3x { font-size: 3em; } 12 | .@{fa-css-prefix}-4x { font-size: 4em; } 13 | .@{fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/layouts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Layouts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container (centered, fixed-width layouts) 7 | .container { 8 | .container-fixed(); 9 | } 10 | 11 | // Fluid layouts (left aligned, with sidebar, min- & max-width content) 12 | .container-fluid { 13 | padding-right: @gridGutterWidth; 14 | padding-left: @gridGutterWidth; 15 | .clearfix(); 16 | } -------------------------------------------------------------------------------- /src/assets/less/site/social-buttons.less: -------------------------------------------------------------------------------- 1 | #social-buttons { 2 | ul.list-inline { margin-bottom: 0; } 3 | 4 | padding: 22px 0 17px; 5 | text-align: center; 6 | background-color: #f5f5f5; 7 | border-top: 1px solid #fff; 8 | border-bottom: 1px solid #eee; 9 | } 10 | 11 | #subscribe { 12 | padding: 22px 0 17px; 13 | text-align: center; 14 | } 15 | 16 | label.error { 17 | color: @state-danger-text; 18 | margin-top: 5px; 19 | } 20 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | {% include code/license.css %} 4 | 5 | @import "variables.less"; 6 | @import "mixins.less"; 7 | @import "path.less"; 8 | @import "core.less"; 9 | @import "larger.less"; 10 | @import "fixed-width.less"; 11 | @import "list.less"; 12 | @import "bordered-pulled.less"; 13 | @import "animated.less"; 14 | @import "rotated-flipped.less"; 15 | @import "stacked.less"; 16 | @import "icons.less"; 17 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/nav-vertical-align.less: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | .navbar-vertical-align(@element-height) { 7 | margin-top: ((@navbar-height - @element-height) / 2); 8 | margin-bottom: ((@navbar-height - @element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.pyc 2 | *.egg-info 3 | *.db 4 | *.db.old 5 | *.swp 6 | *.db-journal 7 | 8 | .coverage 9 | .DS_Store 10 | .installed.cfg 11 | _gh_pages/* 12 | 13 | .idea/* 14 | .svn/* 15 | src/website/static/* 16 | src/website/media/* 17 | 18 | bin 19 | cfcache 20 | develop-eggs 21 | dist 22 | downloads 23 | eggs 24 | parts 25 | tmp 26 | .sass-cache 27 | node_modules 28 | 29 | src/website/settingslocal.py 30 | stunnel.log 31 | 32 | .ruby-version 33 | .bundle 34 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/component-animations.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | 6 | .fade { 7 | opacity: 0; 8 | .transition(opacity .15s linear); 9 | &.in { 10 | opacity: 1; 11 | } 12 | } 13 | 14 | .collapse { 15 | position: relative; 16 | height: 0; 17 | overflow: hidden; 18 | .transition(height .35s ease); 19 | &.in { 20 | height: auto; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/_includes/brand-adblock-warning.html: -------------------------------------------------------------------------------- 1 |

Warning!

2 | Apparently, Adblock Plus can remove Font Awesome brand icons with their "Remove Social 3 | Media Buttons" setting. We will not use hacks to force them to display. Please 4 | report an issue with Adblock Plus if you believe this to be 5 | an error. To work around this, you'll need to modify the social icon class names. 6 | -------------------------------------------------------------------------------- /less/list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: @fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .@{fa-css-prefix}-li { 11 | position: absolute; 12 | left: -@fa-li-width; 13 | width: @fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.@{fa-css-prefix}-lg { 17 | left: (-@fa-li-width + (4em / 14)); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/responsive-visibility.less: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.less. 5 | .responsive-visibility() { 6 | display: block !important; 7 | table& { display: table !important; } 8 | tr& { display: table-row !important; } 9 | th&, 10 | td& { display: table-cell !important; } 11 | } 12 | 13 | .responsive-invisibility() { 14 | display: none !important; 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/larger.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Icon Sizes 5 | // ------------------------- 6 | 7 | /* makes the font 33% larger relative to the icon container */ 8 | .@{fa-css-prefix}-lg { 9 | font-size: (4em / 3); 10 | line-height: (3em / 4); 11 | vertical-align: -15%; 12 | } 13 | .@{fa-css-prefix}-2x { font-size: 2em; } 14 | .@{fa-css-prefix}-3x { font-size: 3em; } 15 | .@{fa-css-prefix}-4x { font-size: 4em; } 16 | .@{fa-css-prefix}-5x { font-size: 5em; } 17 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/sticky-footer.less: -------------------------------------------------------------------------------- 1 | // 2 | // Sticky Footer 3 | // -------------------------------------------------- 4 | // make sure to set .sticky-footer() 5 | 6 | html, body { 7 | height: 100%; 8 | } 9 | .wrapper { 10 | min-height: 100%; 11 | height: auto !important; 12 | height: 100%; 13 | } 14 | 15 | //.footer { min-width: 990px; } // necessary fix for non-responsive layouts 16 | 17 | .sticky-footer(90px, 40px, 40px, 60px); // sets default values for sticky footer 18 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Icon Sizes 5 | // ------------------------- 6 | 7 | /* makes the font 33% larger relative to the icon container */ 8 | .#{$fa-css-prefix}-lg { 9 | font-size: (4em / 3); 10 | line-height: (3em / 4); 11 | vertical-align: -15%; 12 | } 13 | .#{$fa-css-prefix}-2x { font-size: 2em; } 14 | .#{$fa-css-prefix}-3x { font-size: 3em; } 15 | .#{$fa-css-prefix}-4x { font-size: 4em; } 16 | .#{$fa-css-prefix}-5x { font-size: 5em; } 17 | -------------------------------------------------------------------------------- /scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | -------------------------------------------------------------------------------- /bower.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "font-awesome", 3 | "description": "Font Awesome", 4 | "keywords": [], 5 | "homepage": "http://fontawesome.io", 6 | "dependencies": {}, 7 | "devDependencies": {}, 8 | "license": ["OFL-1.1", "MIT", "CC-BY-3.0"], 9 | "main": [ 10 | "less/font-awesome.less", 11 | "scss/font-awesome.scss" 12 | ], 13 | "ignore": [ 14 | "*/.*", 15 | "*.json", 16 | "src", 17 | "*.yml", 18 | "Gemfile", 19 | "Gemfile.lock", 20 | "*.md" 21 | ] 22 | } 23 | -------------------------------------------------------------------------------- /less/core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Quick floats 7 | .pull-right { 8 | float: right; 9 | } 10 | .pull-left { 11 | float: left; 12 | } 13 | 14 | // Toggling content 15 | .hide { 16 | display: none; 17 | } 18 | .show { 19 | display: block; 20 | } 21 | 22 | // Visibility 23 | .invisible { 24 | visibility: hidden; 25 | } 26 | 27 | // For Affix plugin 28 | .affix { 29 | position: fixed; 30 | } 31 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/list.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // List Icons 5 | // ------------------------- 6 | 7 | .@{fa-css-prefix}-ul { 8 | padding-left: 0; 9 | margin-left: @fa-li-width; 10 | list-style-type: none; 11 | > li { position: relative; } 12 | } 13 | .@{fa-css-prefix}-li { 14 | position: absolute; 15 | left: -@fa-li-width; 16 | width: @fa-li-width; 17 | top: (2em / 14); 18 | text-align: center; 19 | &.@{fa-css-prefix}-lg { 20 | left: (-@fa-li-width + (4em / 14)); 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // List Icons 5 | // ------------------------- 6 | 7 | .#{$fa-css-prefix}-ul { 8 | padding-left: 0; 9 | margin-left: $fa-li-width; 10 | list-style-type: none; 11 | > li { position: relative; } 12 | } 13 | .#{$fa-css-prefix}-li { 14 | position: absolute; 15 | left: -$fa-li-width; 16 | width: $fa-li-width; 17 | top: (2em / 14); 18 | text-align: center; 19 | &.#{$fa-css-prefix}-lg { 20 | left: -$fa-li-width + (4em / 14); 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/_includes/tests/rotated-flipped-inside-anchor.html: -------------------------------------------------------------------------------- 1 |   normal
2 |   fa-rotate-90
3 |   fa-rotate-180
4 |   fa-rotate-270
5 |   fa-flip-horizontal
6 |   fa-flip-vertical 7 | -------------------------------------------------------------------------------- /less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables.less"; 7 | @import "mixins.less"; 8 | @import "path.less"; 9 | @import "core.less"; 10 | @import "larger.less"; 11 | @import "fixed-width.less"; 12 | @import "list.less"; 13 | @import "bordered-pulled.less"; 14 | @import "animated.less"; 15 | @import "rotated-flipped.less"; 16 | @import "stacked.less"; 17 | @import "icons.less"; 18 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/grid.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Fixed (940px) 7 | #grid > .core(@gridColumnWidth, @gridGutterWidth); 8 | 9 | // Fluid (940px) 10 | #grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth); 11 | 12 | // Reset utility classes due to specificity 13 | [class*="span"].hide, 14 | .row-fluid [class*="span"].hide { 15 | display: none; 16 | } 17 | 18 | [class*="span"].pull-right, 19 | .row-fluid [class*="span"].pull-right { 20 | float: right; 21 | } 22 | -------------------------------------------------------------------------------- /less/stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 21 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/.csslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "adjoining-classes": false, 3 | "box-sizing": false, 4 | "box-model": false, 5 | "compatible-vendor-prefixes": false, 6 | "floats": false, 7 | "font-sizes": false, 8 | "gradients": false, 9 | "important": false, 10 | "known-properties": false, 11 | "outline-none": false, 12 | "qualified-headings": false, 13 | "regex-selectors": false, 14 | "shorthand": false, 15 | "text-indent": false, 16 | "unique-headings": false, 17 | "universal-selector": false, 18 | "unqualified-attributes": false 19 | } 20 | -------------------------------------------------------------------------------- /src/assets/less/site/fusion-ad.less: -------------------------------------------------------------------------------- 1 | #fusionads { 2 | float: right; 3 | width: 300px; 4 | margin-left: 30px; 5 | .fusion-img { 6 | float: left; 7 | padding-right: 10px; 8 | } 9 | .fusion-poweredby { 10 | color: @gray-light; 11 | margin-top: 2px; 12 | font-size: 12px; 13 | display: block; 14 | } 15 | } 16 | 17 | .vertical-ad #fusionads { 18 | float: none; 19 | width: 130px; 20 | margin-left: 0; 21 | .fusion-img { 22 | float: none; 23 | display: block; 24 | padding-right: 0; 25 | padding-bottom: 10px; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /src/_includes/icons/hand.html: -------------------------------------------------------------------------------- 1 |
2 |

Hand Icons

3 | 4 |
5 | {% assign icons_hand = icons | expand_aliases | category:"Hand Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_hand %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/new-upgrading.html: -------------------------------------------------------------------------------- 1 |
2 |

Upgrading from 3.2.1?

3 |

4 | For complete documentation of the syntax changes in {{ site.fontawesome.minor_version }}, check out the 5 | examples. For the changes to icon names, 6 | @gtagliala has put together a 7 | great wiki page that 8 | documents all the changes. 9 |

10 |
11 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/breadcrumbs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: 8px 15px; 8 | margin: 0 0 @baseLineHeight; 9 | list-style: none; 10 | background-color: #f5f5f5; 11 | .border-radius(@baseBorderRadius); 12 | > li { 13 | display: inline-block; 14 | .ie7-inline-block(); 15 | text-shadow: 0 1px 0 @white; 16 | > .divider { 17 | padding: 0 5px; 18 | color: #ccc; 19 | } 20 | } 21 | > .active { 22 | color: @grayLight; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/_includes/icons/chart.html: -------------------------------------------------------------------------------- 1 |
2 |

Chart Icons

3 | 4 |
5 | {% assign icons_chart = icons | expand_aliases | category:"Chart Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_chart %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/icons/gender.html: -------------------------------------------------------------------------------- 1 |
2 |

Gender Icons

3 | 4 |
5 | {% assign icons_gender = icons | expand_aliases | category:"Gender Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_gender %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/icons/medical.html: -------------------------------------------------------------------------------- 1 |
2 |

Medical Icons

3 | 4 |
5 | {% assign icons_medical = icons | expand_aliases | category:"Medical Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_medical %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/icons/payment.html: -------------------------------------------------------------------------------- 1 |
2 |

Payment Icons

3 | 4 |
5 | {% assign icons_payment = icons | expand_aliases | category:"Payment Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_payment %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/border-radius.less: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | .border-top-radius(@radius) { 4 | border-top-right-radius: @radius; 5 | border-top-left-radius: @radius; 6 | } 7 | .border-right-radius(@radius) { 8 | border-bottom-right-radius: @radius; 9 | border-top-right-radius: @radius; 10 | } 11 | .border-bottom-radius(@radius) { 12 | border-bottom-right-radius: @radius; 13 | border-bottom-left-radius: @radius; 14 | } 15 | .border-left-radius(@radius) { 16 | border-bottom-left-radius: @radius; 17 | border-top-left-radius: @radius; 18 | } 19 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/reset-text.less: -------------------------------------------------------------------------------- 1 | .reset-text() { 2 | font-family: @font-family-base; 3 | // We deliberately do NOT reset font-size. 4 | font-style: normal; 5 | font-weight: normal; 6 | letter-spacing: normal; 7 | line-break: auto; 8 | line-height: @line-height-base; 9 | text-align: left; // Fallback for where `start` is not supported 10 | text-align: start; 11 | text-decoration: none; 12 | text-shadow: none; 13 | text-transform: none; 14 | white-space: normal; 15 | word-break: normal; 16 | word-spacing: normal; 17 | word-wrap: normal; 18 | } 19 | -------------------------------------------------------------------------------- /component.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "font-awesome", 3 | "repo": "FortAwesome/Font-Awesome", 4 | "description": "Font Awesome", 5 | "version": "4.4.0", 6 | "keywords": [], 7 | "dependencies": {}, 8 | "development": {}, 9 | "license": "SIL, MIT, CC BY 3.0", 10 | "styles": [ 11 | "css/font-awesome.css" 12 | ], 13 | "fonts": [ 14 | "fonts/fontawesome-webfont.eot", 15 | "fonts/fontawesome-webfont.svg", 16 | "fonts/fontawesome-webfont.ttf", 17 | "fonts/fontawesome-webfont.woff", 18 | "fonts/fontawesome-webfont.woff2", 19 | "fonts/FontAwesome.otf" 20 | ] 21 | } 22 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/responsive-768px-979px.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Tablet to desktop 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (min-width: 768px) and (max-width: 979px) { 7 | 8 | // Fixed grid 9 | #grid > .core(@gridColumnWidth768, @gridGutterWidth768); 10 | 11 | // Fluid grid 12 | #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768); 13 | 14 | // Input grid 15 | #grid > .input(@gridColumnWidth768, @gridGutterWidth768); 16 | 17 | // No need to reset .thumbnails here since it's the same @gridGutterWidth 18 | 19 | } 20 | -------------------------------------------------------------------------------- /src/_includes/icons/currency.html: -------------------------------------------------------------------------------- 1 |
2 |

Currency Icons

3 | 4 |
5 | {% assign icons_currency = icons | expand_aliases | category:"Currency Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_currency %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/icons/file-type.html: -------------------------------------------------------------------------------- 1 |
2 |

File Type Icons

3 | 4 |
5 | {% assign icons_file_type = icons | expand_aliases | category:"File Type Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_file_type %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/icons/directional.html: -------------------------------------------------------------------------------- 1 |
2 |

Directional Icons

3 | 4 |
5 | {% assign icons_directional = icons | expand_aliases | category:"Directional Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_directional %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/_includes/icons/form-control.html: -------------------------------------------------------------------------------- 1 |
2 |

Form Control Icons

3 | 4 |
5 | {% assign icons_form_control = icons | expand_aliases | category:"Form Control Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_form_control %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 |
12 | -------------------------------------------------------------------------------- /src/_includes/icons/text-editor.html: -------------------------------------------------------------------------------- 1 |
2 |

Text Editor Icons

3 | 4 |
5 | {% assign icons_text_editor = icons | expand_aliases | category:"Text Editor Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_text_editor %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/stacked.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Stacked Icons 5 | // ------------------------- 6 | 7 | .@{fa-css-prefix}-stack { 8 | position: relative; 9 | display: inline-block; 10 | width: 2em; 11 | height: 2em; 12 | line-height: 2em; 13 | vertical-align: middle; 14 | } 15 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 16 | position: absolute; 17 | left: 0; 18 | width: 100%; 19 | text-align: center; 20 | } 21 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 22 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 23 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 24 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | *.pyc 2 | *.egg-info 3 | *.db 4 | *.db.old 5 | *.swp 6 | *.db-journal 7 | 8 | .coverage 9 | .DS_Store 10 | .installed.cfg 11 | _gh_pages/* 12 | 13 | .idea/* 14 | .svn/* 15 | src/website/static/* 16 | src/website/media/* 17 | 18 | bin 19 | cfcache 20 | develop-eggs 21 | dist 22 | downloads 23 | eggs 24 | parts 25 | tmp 26 | .sass-cache 27 | node_modules 28 | 29 | src/website/settingslocal.py 30 | stunnel.log 31 | 32 | .ruby-version 33 | 34 | # don't need these in the npm package. 35 | src/ 36 | _config.yml 37 | bower.json 38 | component.json 39 | composer.json 40 | CONTRIBUTING.md 41 | Gemfile 42 | Gemfile.lock 43 | -------------------------------------------------------------------------------- /src/_includes/icons/video-player.html: -------------------------------------------------------------------------------- 1 |
2 |

Video Player Icons

3 | 4 |
5 | {% assign icons_video_player = icons | expand_aliases | category:"Video Player Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_video_player %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/assets/less/site/example-rating.less: -------------------------------------------------------------------------------- 1 | .rating { 2 | unicode-bidi: bidi-override; 3 | direction: rtl; 4 | 5 | font-size: 30px; 6 | span.star { 7 | font-family: FontAwesome; 8 | font-weight: normal; 9 | font-style: normal; 10 | display: inline-block; 11 | &:hover { 12 | cursor: pointer; 13 | } 14 | } 15 | span.star:before { 16 | content: "\f006"; // empty star 17 | padding-right: 5px; 18 | color: @gray-light; 19 | } 20 | 21 | span.star:hover:before, span.star:hover ~ span.star:before { 22 | content: "\f005"; // solid star 23 | color: #e3cf7a; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Stacked Icons 5 | // ------------------------- 6 | 7 | .#{$fa-css-prefix}-stack { 8 | position: relative; 9 | display: inline-block; 10 | width: 2em; 11 | height: 2em; 12 | line-height: 2em; 13 | vertical-align: middle; 14 | } 15 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 16 | position: absolute; 17 | left: 0; 18 | width: 100%; 19 | text-align: center; 20 | } 21 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 22 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 23 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 24 | -------------------------------------------------------------------------------- /src/_includes/icons/transportation.html: -------------------------------------------------------------------------------- 1 |
2 |

Transportation Icons

3 | 4 |
5 | {% assign icons_transportation = icons | expand_aliases | category:"Transportation Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_transportation %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/pagination.less: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { 4 | > li { 5 | > a, 6 | > span { 7 | padding: @padding-vertical @padding-horizontal; 8 | font-size: @font-size; 9 | line-height: @line-height; 10 | } 11 | &:first-child { 12 | > a, 13 | > span { 14 | .border-left-radius(@border-radius); 15 | } 16 | } 17 | &:last-child { 18 | > a, 19 | > span { 20 | .border-right-radius(@border-radius); 21 | } 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/_includes/icons/web-application.html: -------------------------------------------------------------------------------- 1 |
2 |

Web Application Icons

3 | 4 |
5 | {% assign icons_web_application = icons | expand_aliases | category:"Web Application Icons" | sort_by:'class' %} 6 | 7 | {% for icon in icons_web_application %} 8 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
9 | {% endfor %} 10 |
11 | 12 |
13 | -------------------------------------------------------------------------------- /src/assets/less/site/feature-list.less: -------------------------------------------------------------------------------- 1 | .feature-list { 2 | .col-md-4 { margin-bottom: 22px; } 3 | h4 { 4 | .fa:before { 5 | vertical-align: -10%; 6 | font-size: 28px; 7 | display: inline-block; 8 | width: 30/28em; 9 | text-align: center; 10 | margin-right: 5px; 11 | // color: mix(@grayLight, @grayLighter, 70%); 12 | 13 | // Gradient on the icons 14 | // background: -webkit-linear-gradient(mix(@grayLight, @grayLighter, 50%), mix(@gray, @grayLight, 50%)); 15 | // -webkit-background-clip: text; 16 | // -webkit-text-fill-color: transparent; 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/_includes/tests/rotated-flipped-inside-btn.html: -------------------------------------------------------------------------------- 1 |   normal
2 |   fa-rotate-90
3 |   fa-rotate-180
4 |   fa-rotate-270
5 |   fa-flip-horizontal
6 |   fa-flip-vertical 7 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/hero-unit.less: -------------------------------------------------------------------------------- 1 | // 2 | // Hero unit 3 | // -------------------------------------------------- 4 | 5 | 6 | .hero-unit { 7 | padding: 60px; 8 | margin-bottom: 30px; 9 | font-size: 18px; 10 | font-weight: 200; 11 | line-height: @baseLineHeight * 1.5; 12 | color: @heroUnitLeadColor; 13 | background-color: @heroUnitBackground; 14 | .border-radius(6px); 15 | h1 { 16 | margin-bottom: 0; 17 | font-size: 60px; 18 | line-height: 1; 19 | color: @heroUnitHeadingColor; 20 | letter-spacing: -1px; 21 | } 22 | li { 23 | line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/panels.less: -------------------------------------------------------------------------------- 1 | // Panels 2 | 3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { 4 | border-color: @border; 5 | 6 | & > .panel-heading { 7 | color: @heading-text-color; 8 | background-color: @heading-bg-color; 9 | border-color: @heading-border; 10 | 11 | + .panel-collapse > .panel-body { 12 | border-top-color: @border; 13 | } 14 | .badge { 15 | color: @heading-bg-color; 16 | background-color: @heading-text-color; 17 | } 18 | } 19 | & > .panel-footer { 20 | + .panel-collapse > .panel-body { 21 | border-bottom-color: @border; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/wells.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @well-bg; 12 | border: 1px solid @well-border; 13 | border-radius: @border-radius-base; 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: @border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: @border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | title: Font Awesome, the iconic font and CSS toolkit 4 | navbar_active: home 5 | relative_path: ./ 6 | --- 7 | 8 | {% include jumbotron-carousel.html %} 9 | {% include stripe-social.html %} 10 | 11 |
12 | {% capture stripe_ad_content %} 13 |

14 | Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, 15 | and anything that can be done with the power of CSS. 16 |

17 | {% endcapture %} 18 | {% include stripe-ad.html %} 19 | 20 | {% include why.html %} 21 | {% include thanks-to.html %} 22 |
23 | 24 | {% include modals/download.html %} 25 | -------------------------------------------------------------------------------- /src/_includes/community/submitting-pull-requests.html: -------------------------------------------------------------------------------- 1 |
2 |

Submitting Pull Requests

3 | Found a way to solve a bug in Font Awesome? Want to contribute new features? Here are a few things to remember: 4 |
    5 |
  1. Please do not submit new icons.
    2. 6 |
  2. Please submit all pull requests against *-wip branches.
    3. 7 |
  3. All pull requests submitted against master will be sumarily closed and this guide referenced.
    4. 8 |
  4. 9 | After doing everything above, feel free to 10 | submit a pull request. 11 |
    5. 12 |
13 |
14 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/hide-text.less: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | // 3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for 4 | // mixins being reused as classes with the same name, this doesn't hold up. As 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. 6 | // 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 8 | 9 | // Deprecated as of v3.0.1 (will be removed in v4) 10 | .hide-text() { 11 | font: ~"0/0" a; 12 | color: transparent; 13 | text-shadow: none; 14 | background-color: transparent; 15 | border: 0; 16 | } 17 | 18 | // New mixin to use as of v3.0.1 19 | .text-hide() { 20 | .hide-text(); 21 | } 22 | -------------------------------------------------------------------------------- /composer.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fortawesome/font-awesome", 3 | "description": "The iconic font and CSS framework", 4 | "keywords": ["font", "awesome", "fontawesome", "icon", "font", "bootstrap"], 5 | "homepage": "http://fontawesome.io/", 6 | "authors": [ 7 | { 8 | "name": "Dave Gandy", 9 | "email": "dave@fontawesome.io", 10 | "role": "Developer", 11 | "homepage": "http://twitter.com/davegandy" 12 | } 13 | ], 14 | "extra": { 15 | "branch-alias": { 16 | "dev-master": "4.0.x-dev" 17 | } 18 | }, 19 | "license": [ 20 | "OFL-1.1", 21 | "MIT" 22 | ], 23 | "require-dev": { 24 | "jekyll": "1.0.2", 25 | "lessc": "1.4.2" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em @fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix} { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .@{fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /src/_includes/examples/custom.html: -------------------------------------------------------------------------------- 1 |
2 |

Custom CSS

3 |
4 |
5 |

Anything you can do with CSS font styles, you can do with Font Awesome.

6 |
7 |
8 |

Star Ratings (inspired by CSS Tricks)

9 |
10 | 11 | 12 | 13 |
14 |
15 |
16 |
17 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/mixins.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | // Mixins 4 | // -------------------------- 5 | 6 | .fa-icon() { 7 | {% include code/core.less %} 8 | } 9 | 10 | .fa-icon-rotate(@degrees, @rotation) { 11 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); 12 | -webkit-transform: rotate(@degrees); 13 | -ms-transform: rotate(@degrees); 14 | transform: rotate(@degrees); 15 | } 16 | 17 | .fa-icon-flip(@horiz, @vert, @rotation) { 18 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1); 19 | -webkit-transform: scale(@horiz, @vert); 20 | -ms-transform: scale(@horiz, @vert); 21 | transform: scale(@horiz, @vert); 22 | } 23 | -------------------------------------------------------------------------------- /less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .@{fa-css-prefix}-rotate-90, 15 | :root .@{fa-css-prefix}-rotate-180, 16 | :root .@{fa-css-prefix}-rotate-270, 17 | :root .@{fa-css-prefix}-flip-horizontal, 18 | :root .@{fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/wells.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @wellBackground; 12 | border: 1px solid darken(@wellBackground, 7%); 13 | .border-radius(@baseBorderRadius); 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-large { 23 | padding: 24px; 24 | .border-radius(@borderRadiusLarge); 25 | } 26 | .well-small { 27 | padding: 9px; 28 | .border-radius(@borderRadiusSmall); 29 | } 30 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/list-group.less: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | .list-group-item-variant(@state; @background; @color) { 4 | .list-group-item-@{state} { 5 | color: @color; 6 | background-color: @background; 7 | 8 | a&, 9 | button& { 10 | color: @color; 11 | 12 | .list-group-item-heading { 13 | color: inherit; 14 | } 15 | 16 | &:hover, 17 | &:focus { 18 | color: @color; 19 | background-color: darken(@background, 5%); 20 | } 21 | &.active, 22 | &.active:hover, 23 | &.active:focus { 24 | color: #fff; 25 | background-color: @color; 26 | border-color: @color; 27 | } 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | // Mixins 4 | // -------------------------- 5 | 6 | @mixin fa-icon() { 7 | {% include code/core.scss %} 8 | } 9 | 10 | @mixin fa-icon-rotate($degrees, $rotation) { 11 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 12 | -webkit-transform: rotate($degrees); 13 | -ms-transform: rotate($degrees); 14 | transform: rotate($degrees); 15 | } 16 | 17 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 18 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 19 | -webkit-transform: scale($horiz, $vert); 20 | -ms-transform: scale($horiz, $vert); 21 | transform: scale($horiz, $vert); 22 | } 23 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/clearfix.less: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | .clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/responsive-1200px-min.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Large desktop and up 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (min-width: 1200px) { 7 | 8 | // Fixed grid 9 | #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200); 10 | 11 | // Fluid grid 12 | #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200); 13 | 14 | // Input grid 15 | #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200); 16 | 17 | // Thumbnails 18 | .thumbnails { 19 | margin-left: -@gridGutterWidth1200; 20 | } 21 | .thumbnails > li { 22 | margin-left: @gridGutterWidth1200; 23 | } 24 | .row-fluid .thumbnails { 25 | margin-left: 0; 26 | } 27 | 28 | } 29 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/breadcrumbs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; 8 | margin-bottom: @line-height-computed; 9 | list-style: none; 10 | background-color: @breadcrumb-bg; 11 | border-radius: @border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 18 | padding: 0 5px; 19 | color: @breadcrumb-color; 20 | } 21 | } 22 | 23 | > .active { 24 | color: @breadcrumb-active-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/responsive-embed.less: -------------------------------------------------------------------------------- 1 | // Embeds responsive 2 | // 3 | // Credit: Nicolas Gallagher and SUIT CSS. 4 | 5 | .embed-responsive { 6 | position: relative; 7 | display: block; 8 | height: 0; 9 | padding: 0; 10 | overflow: hidden; 11 | 12 | .embed-responsive-item, 13 | iframe, 14 | embed, 15 | object, 16 | video { 17 | position: absolute; 18 | top: 0; 19 | left: 0; 20 | bottom: 0; 21 | height: 100%; 22 | width: 100%; 23 | border: 0; 24 | } 25 | } 26 | 27 | // Modifier class for 16:9 aspect ratio 28 | .embed-responsive-16by9 { 29 | padding-bottom: 56.25%; 30 | } 31 | 32 | // Modifier class for 4:3 aspect ratio 33 | .embed-responsive-4by3 { 34 | padding-bottom: 75%; 35 | } 36 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Bordered & Pulled 5 | // ------------------------- 6 | 7 | .@{fa-css-prefix}-border { 8 | padding: .2em .25em .15em; 9 | border: solid .08em @fa-border-color; 10 | border-radius: .1em; 11 | } 12 | 13 | .@{fa-css-prefix}-pull-left { float: left; } 14 | .@{fa-css-prefix}-pull-right { float: right; } 15 | 16 | .@{fa-css-prefix} { 17 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 18 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 19 | } 20 | 21 | /* Deprecated as of 4.4.0 */ 22 | .pull-right { float: right; } 23 | .pull-left { float: left; } 24 | 25 | .@{fa-css-prefix} { 26 | &.pull-left { margin-right: .3em; } 27 | &.pull-right { margin-left: .3em; } 28 | } 29 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/variables.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | // Variables 4 | // -------------------------- 5 | 6 | @fa-font-path: "../fonts"; 7 | @fa-font-size-base: 14px; 8 | @fa-line-height-base: 1; 9 | //@fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/{{site.fontawesome.version}}/fonts"; // for referencing Bootstrap CDN font files directly 10 | @fa-css-prefix: {{ site.fontawesome.css_prefix }}; 11 | @fa-version: "{{ site.fontawesome.version }}"; 12 | @fa-border-color: #eee; 13 | @fa-inverse: #fff; 14 | @fa-li-width: (30em / 14); 15 | 16 | {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}{% for icon in sorted_icons %}@fa-var-{{ icon.class }}: "\{{ icon.unicode }}"; 17 | {% endfor %} 18 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Bordered & Pulled 5 | // ------------------------- 6 | 7 | .#{$fa-css-prefix}-border { 8 | padding: .2em .25em .15em; 9 | border: solid .08em $fa-border-color; 10 | border-radius: .1em; 11 | } 12 | 13 | .#{$fa-css-prefix}-pull-left { float: left; } 14 | .#{$fa-css-prefix}-pull-right { float: right; } 15 | 16 | .#{$fa-css-prefix} { 17 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 18 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 19 | } 20 | 21 | /* Deprecated as of 4.4.0 */ 22 | .pull-right { float: right; } 23 | .pull-left { float: left; } 24 | 25 | .#{$fa-css-prefix} { 26 | &.pull-left { margin-right: .3em; } 27 | &.pull-right { margin-left: .3em; } 28 | } 29 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Rotated & Flipped Icons 5 | // ------------------------- 6 | 7 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 8 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 9 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 10 | 11 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 12 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 13 | 14 | // Hook for IE8-9 15 | // ------------------------- 16 | 17 | :root .@{fa-css-prefix}-rotate-90, 18 | :root .@{fa-css-prefix}-rotate-180, 19 | :root .@{fa-css-prefix}-rotate-270, 20 | :root .@{fa-css-prefix}-flip-horizontal, 21 | :root .@{fa-css-prefix}-flip-vertical { 22 | filter: none; 23 | } 24 | -------------------------------------------------------------------------------- /scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /src/assets/less/site/search.less: -------------------------------------------------------------------------------- 1 | #search { 2 | position: relative; 3 | font-size: 18px; 4 | padding-top: 40px; 5 | margin: -20px auto 0px; 6 | 7 | label { 8 | position: absolute; 9 | left: 17px; 10 | top: 51px; 11 | } 12 | 13 | #search-input, .hint { 14 | padding-left: 43px; 15 | padding-right: 43px; 16 | border-radius: 23px; 17 | } 18 | 19 | .hint { 20 | color: #aaa; 21 | } 22 | 23 | #search-clear { 24 | text-decoration: none; 25 | position: absolute; 26 | right: 18px; 27 | top: 54px; 28 | color: @text-muted; 29 | &:hover { 30 | color: mix(#000, @text-muted, 20%); 31 | } 32 | } 33 | } 34 | 35 | #search-results { 36 | em { 37 | font-style: normal; 38 | text-decoration: underline; 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /src/_includes/icons/brand.html: -------------------------------------------------------------------------------- 1 |
2 |

Brand Icons

3 | 4 |
5 | {% include brand-adblock-warning.html %} 6 |
7 | 8 |
9 | {% assign icons_brand = icons | expand_aliases | category:"Brand Icons" | sort_by:'class' %} 10 | 11 | {% for icon in icons_brand %} 12 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
13 | {% endfor %} 14 |
15 | 16 |
17 | {% include brand-license.html %} 18 |
19 |
20 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/close.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: 20px; 9 | font-weight: bold; 10 | line-height: @baseLineHeight; 11 | color: @black; 12 | text-shadow: 0 1px 0 rgba(255,255,255,1); 13 | .opacity(20); 14 | &:hover, 15 | &:focus { 16 | color: @black; 17 | text-decoration: none; 18 | cursor: pointer; 19 | .opacity(40); 20 | } 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | button.close { 27 | padding: 0; 28 | cursor: pointer; 29 | background: transparent; 30 | border: 0; 31 | -webkit-appearance: none; 32 | } -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Rotated & Flipped Icons 5 | // ------------------------- 6 | 7 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 8 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 9 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 10 | 11 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 12 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 13 | 14 | // Hook for IE8-9 15 | // ------------------------- 16 | 17 | :root .#{$fa-css-prefix}-rotate-90, 18 | :root .#{$fa-css-prefix}-rotate-180, 19 | :root .#{$fa-css-prefix}-rotate-270, 20 | :root .#{$fa-css-prefix}-flip-horizontal, 21 | :root .#{$fa-css-prefix}-flip-vertical { 22 | filter: none; 23 | } 24 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=@{FontAwesomeVersion}'); 7 | src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=@{FontAwesomeVersion}') format('embedded-opentype'), 8 | url('@{FontAwesomePath}/fontawesome-webfont.woff?v=@{FontAwesomeVersion}') format('woff'), 9 | url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=@{FontAwesomeVersion}') format('truetype'), 10 | url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=@{FontAwesomeVersion}') format('svg'); 11 | // src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts 12 | font-weight: normal; 13 | font-style: normal; 14 | } 15 | -------------------------------------------------------------------------------- /less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/accordion.less: -------------------------------------------------------------------------------- 1 | // 2 | // Accordion 3 | // -------------------------------------------------- 4 | 5 | 6 | // Parent container 7 | .accordion { 8 | margin-bottom: @baseLineHeight; 9 | } 10 | 11 | // Group == heading + body 12 | .accordion-group { 13 | margin-bottom: 2px; 14 | border: 1px solid #e5e5e5; 15 | .border-radius(@baseBorderRadius); 16 | } 17 | .accordion-heading { 18 | border-bottom: 0; 19 | } 20 | .accordion-heading .accordion-toggle { 21 | display: block; 22 | padding: 8px 15px; 23 | } 24 | 25 | // General toggle styles 26 | .accordion-toggle { 27 | cursor: pointer; 28 | } 29 | 30 | // Inner needs the styles because you can't animate properly with any styles on the element 31 | .accordion-inner { 32 | padding: 9px 15px; 33 | border-top: 1px solid #e5e5e5; 34 | } 35 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}'); 7 | src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'), 8 | url('#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'), 9 | url('#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'), 10 | url('#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg'); 11 | // src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts 12 | font-weight: normal; 13 | font-style: normal; 14 | } 15 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | // Variables 4 | // -------------------------- 5 | 6 | $fa-font-path: "../fonts" !default; 7 | $fa-font-size-base: 14px !default; 8 | $fa-line-height-base: 1 !default; 9 | //$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/{{site.fontawesome.version}}/fonts" !default; // for referencing Bootstrap CDN font files directly 10 | $fa-css-prefix: {{ site.fontawesome.css_prefix }} !default; 11 | $fa-version: "{{ site.fontawesome.version }}" !default; 12 | $fa-border-color: #eee !default; 13 | $fa-inverse: #fff !default; 14 | $fa-li-width: (30em / 14) !default; 15 | 16 | {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}{% for icon in sorted_icons %}$fa-var-{{ icon.class }}: "\{{ icon.unicode }}"; 17 | {% endfor %} 18 | -------------------------------------------------------------------------------- /scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/component-animations.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | .transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | 21 | &.in { display: block; } 22 | tr&.in { display: table-row; } 23 | tbody&.in { display: table-row-group; } 24 | } 25 | 26 | .collapsing { 27 | position: relative; 28 | height: 0; 29 | overflow: hidden; 30 | .transition-property(~"height, visibility"); 31 | .transition-duration(.35s); 32 | .transition-timing-function(ease); 33 | } 34 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/table-row.less: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | .table-row-variant(@state; @background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table > thead > tr, 7 | .table > tbody > tr, 8 | .table > tfoot > tr { 9 | > td.@{state}, 10 | > th.@{state}, 11 | &.@{state} > td, 12 | &.@{state} > th { 13 | background-color: @background; 14 | } 15 | } 16 | 17 | // Hover states for `.table-hover` 18 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 19 | .table-hover > tbody > tr { 20 | > td.@{state}:hover, 21 | > th.@{state}:hover, 22 | &.@{state}:hover > td, 23 | &:hover > .@{state}, 24 | &.@{state}:hover > th { 25 | background-color: darken(@background, 5%); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /less/animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .@{fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/assets/less/site/fontawesome-icon-list.less: -------------------------------------------------------------------------------- 1 | .fontawesome-icon-list { 2 | margin-top: 22px; 3 | .fa-hover { 4 | a { 5 | .text-ellipsis; 6 | display: block; 7 | color: @gray-darker; 8 | line-height: 32px; 9 | height: 32px; 10 | padding-left: 10px; 11 | border-radius: @border-radius-base; 12 | 13 | .fa { 14 | width: 32px; 15 | font-size: 14px; 16 | display: inline-block; 17 | text-align: right; 18 | margin-right: 10px; 19 | } 20 | 21 | &:hover { 22 | background-color: @fa-green; 23 | color: @jumbotron-color; 24 | text-decoration: none; 25 | .fa { 26 | font-size: 28px; 27 | vertical-align: -6px; 28 | } 29 | .text-muted { color: mix(@jumbotron-color, @fa-green, 70%); } 30 | } 31 | } 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/_includes/community/reporting-bugs.html: -------------------------------------------------------------------------------- 1 |
2 |

Reporting Bugs

3 |

4 | Found a problem with Font Awesome? Feel free to submit an issue on the GitHub project. But please keep the following in mind: 5 |

6 |
    7 |
  1. Please be nice. Font Awesome is a happy place.
    2. 8 |
  2. Please search to see if your bug was already reported.
    3. 9 |
  3. 10 | Before opening any issue, please read the generic issue 11 | guidelines, by Nicolas Gallagher. 12 |
    4. 13 |
  4. 14 | After doing everything above, feel free to 15 | submit an issue. 16 |
    5. 17 |
18 |
19 | -------------------------------------------------------------------------------- /src/assets/font-awesome/less/animated.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Animated Icons 5 | // -------------------------- 6 | 7 | .@{fa-css-prefix}-spin { 8 | -webkit-animation: fa-spin 2s infinite linear; 9 | animation: fa-spin 2s infinite linear; 10 | } 11 | 12 | .@{fa-css-prefix}-pulse { 13 | -webkit-animation: fa-spin 1s infinite steps(8); 14 | animation: fa-spin 1s infinite steps(8); 15 | } 16 | 17 | @-webkit-keyframes fa-spin { 18 | 0% { 19 | -webkit-transform: rotate(0deg); 20 | transform: rotate(0deg); 21 | } 22 | 100% { 23 | -webkit-transform: rotate(359deg); 24 | transform: rotate(359deg); 25 | } 26 | } 27 | 28 | @keyframes fa-spin { 29 | 0% { 30 | -webkit-transform: rotate(0deg); 31 | transform: rotate(0deg); 32 | } 33 | 100% { 34 | -webkit-transform: rotate(359deg); 35 | transform: rotate(359deg); 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /src/assets/font-awesome/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | // Spinning Icons 5 | // -------------------------- 6 | 7 | .#{$fa-css-prefix}-spin { 8 | -webkit-animation: fa-spin 2s infinite linear; 9 | animation: fa-spin 2s infinite linear; 10 | } 11 | 12 | .#{$fa-css-prefix}-pulse { 13 | -webkit-animation: fa-spin 1s infinite steps(8); 14 | animation: fa-spin 1s infinite steps(8); 15 | } 16 | 17 | @-webkit-keyframes fa-spin { 18 | 0% { 19 | -webkit-transform: rotate(0deg); 20 | transform: rotate(0deg); 21 | } 22 | 100% { 23 | -webkit-transform: rotate(359deg); 24 | transform: rotate(359deg); 25 | } 26 | } 27 | 28 | @keyframes fa-spin { 29 | 0% { 30 | -webkit-transform: rotate(0deg); 31 | transform: rotate(0deg); 32 | } 33 | 100% { 34 | -webkit-transform: rotate(359deg); 35 | transform: rotate(359deg); 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/close.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: (@font-size-base * 1.5); 9 | font-weight: @close-font-weight; 10 | line-height: 1; 11 | color: @close-color; 12 | text-shadow: @close-text-shadow; 13 | .opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: @close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | .opacity(.5); 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | button& { 28 | padding: 0; 29 | cursor: pointer; 30 | background: transparent; 31 | border: 0; 32 | -webkit-appearance: none; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/thumbnails.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: @thumbnail-padding; 10 | margin-bottom: @line-height-computed; 11 | line-height: @line-height-base; 12 | background-color: @thumbnail-bg; 13 | border: 1px solid @thumbnail-border; 14 | border-radius: @thumbnail-border-radius; 15 | .transition(border .2s ease-in-out); 16 | 17 | > img, 18 | a > img { 19 | &:extend(.img-responsive); 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // Add a hover state for linked versions only 25 | a&:hover, 26 | a&:focus, 27 | a&.active { 28 | border-color: @link-color; 29 | } 30 | 31 | // Image captions 32 | .caption { 33 | padding: @thumbnail-caption-padding; 34 | color: @thumbnail-caption-color; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /src/whats-new.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | title: What's New 4 | navbar_active: whats-new 5 | relative_path: ../ 6 | --- 7 | {% capture jumbotron_h1 %}  What's New{% endcapture %} 8 | {% capture jumbotron_p %}What's New in the latest version — Font Awesome {{ site.fontawesome.minor_version }}{% endcapture %} 9 | 10 | {% include jumbotron.html %} 11 | {% include stripe-social.html %} 12 | 13 |
14 | {% capture stripe_ad_content %} 15 |

16 | Font Awesome is always getting a little awesome-er. So here's what's new in the latest version, Font Awesome 17 | {{ site.fontawesome.minor_version }}. Have some ideas for new features? 18 | Help contribute. 19 |

20 | {% endcapture %} 21 | {% include stripe-ad.html %} 22 | 23 | {% include icons/new.html %} 24 | {% include new-upgrading.html %} 25 |
26 | -------------------------------------------------------------------------------- /src/assets/css/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .linenums .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 18px; 29 | text-shadow: 0 1px 0 #fff; 30 | } -------------------------------------------------------------------------------- /src/3.2.1/assets/css/prettify.css: -------------------------------------------------------------------------------- 1 | .com { color: #93a1a1; } 2 | .lit { color: #195f91; } 3 | .pun, .opn, .clo { color: #93a1a1; } 4 | .fun { color: #dc322f; } 5 | .str, .atv { color: #D14; } 6 | .kwd, .linenums .tag { color: #1e347b; } 7 | .typ, .atn, .dec, .var { color: teal; } 8 | .pln { color: #48484c; } 9 | 10 | .prettyprint { 11 | padding: 8px; 12 | background-color: #f7f7f9; 13 | border: 1px solid #e1e1e8; 14 | } 15 | .prettyprint.linenums { 16 | -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 17 | -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 18 | box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 19 | } 20 | 21 | /* Specify class=linenums on a pre to get line numbering */ 22 | ol.linenums { 23 | margin: 0 0 0 33px; /* IE indents via margin-left */ 24 | } 25 | ol.linenums li { 26 | padding-left: 12px; 27 | color: #bebec5; 28 | line-height: 18px; 29 | text-shadow: 0 1px 0 #fff; 30 | } -------------------------------------------------------------------------------- /src/_includes/icons/spinner.html: -------------------------------------------------------------------------------- 1 |
2 |

Spinner Icons

3 | 4 |
5 | 12 |
13 | 14 |
15 | {% assign icons_spinner = icons | expand_aliases | category:"Spinner Icons" | sort_by:'class' %} 16 | 17 | {% for icon in icons_spinner %} 18 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
19 | {% endfor %} 20 |
21 |
22 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | margin: @baseLineHeight 0; 8 | list-style: none; 9 | text-align: center; 10 | .clearfix(); 11 | } 12 | .pager li { 13 | display: inline; 14 | } 15 | .pager li > a, 16 | .pager li > span { 17 | display: inline-block; 18 | padding: 5px 14px; 19 | background-color: #fff; 20 | border: 1px solid #ddd; 21 | .border-radius(15px); 22 | } 23 | .pager li > a:hover, 24 | .pager li > a:focus { 25 | text-decoration: none; 26 | background-color: #f5f5f5; 27 | } 28 | .pager .next > a, 29 | .pager .next > span { 30 | float: right; 31 | } 32 | .pager .previous > a, 33 | .pager .previous > span { 34 | float: left; 35 | } 36 | .pager .disabled > a, 37 | .pager .disabled > a:hover, 38 | .pager .disabled > a:focus, 39 | .pager .disabled > span { 40 | color: @grayLight; 41 | background-color: #fff; 42 | cursor: default; 43 | } -------------------------------------------------------------------------------- /less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | .fa-icon-rotate(@degrees, @rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation); 16 | -webkit-transform: rotate(@degrees); 17 | -ms-transform: rotate(@degrees); 18 | transform: rotate(@degrees); 19 | } 20 | 21 | .fa-icon-flip(@horiz, @vert, @rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1); 23 | -webkit-transform: scale(@horiz, @vert); 24 | -ms-transform: scale(@horiz, @vert); 25 | transform: scale(@horiz, @vert); 26 | } 27 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | .clearfix(); 11 | } 12 | .center-block { 13 | .center-block(); 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | .text-hide(); 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | } 48 | 49 | 50 | // For Affix plugin 51 | // ------------------------- 52 | 53 | .affix { 54 | position: fixed; 55 | } 56 | -------------------------------------------------------------------------------- /src/assets/less/site/responsive/screen-sm.less: -------------------------------------------------------------------------------- 1 | @media (min-width: @screen-sm) and (max-width: @screen-sm-max) { 2 | #icon-carousel { 3 | @size: 200px; 4 | font-size: @size; 5 | line-height: @size + 20; 6 | } 7 | .carousel-control { 8 | top: @size - 10px; 9 | .square(30px); 10 | left: 228/2 - 36px; 11 | &.right { 12 | right: 228/2 - 36px; 13 | } 14 | } 15 | 16 | .jumbotron-carousel { 17 | padding: 50px 0; 18 | h1 { font-size: 65px; } 19 | p { font-size: 23px; } 20 | .shameless-self-promotion { font-size: 12px; } 21 | } 22 | 23 | .jumbotron-ad { 24 | p { font-size: 24px; } 25 | } 26 | 27 | .jumbotron-icon { 28 | h1 small { 29 | display: block; 30 | margin-top: 15px; 31 | margin-left: 0; 32 | line-height: 20px; 33 | } 34 | } 35 | 36 | .stripe-ad .lead { 37 | margin: 0; 38 | padding-top: 0; 39 | font-size: 19px; 40 | } 41 | 42 | .fonticons { 43 | .action { width: 33%; } 44 | } 45 | 46 | .hide-sm { display: none; } 47 | } 48 | -------------------------------------------------------------------------------- /scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | -------------------------------------------------------------------------------- /src/_includes/tell-me-thanks.html: -------------------------------------------------------------------------------- 1 |
2 |

Tell Me Thanks

3 |

4 | Hopefully you think Font Awesome is awesome. I've put hundreds of hours into the project to give back to the 5 | open source community. If you'd like, here are a couple of ways you can tell me thanks for all my hard work. 6 |

7 |
8 |
9 |

Tip me on Gittip

10 |

11 | Gittip is a great way to let developers know you appreciate their work. 12 |

13 |
14 |
15 |

My Amazon Wish List

16 |

17 | Or pick something straight 18 | from my wish list. Gift cards are great. 19 |

20 |
21 |
22 |
23 | -------------------------------------------------------------------------------- /src/assets/less/site.less: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | @import "bootstrap-{{ site.bootstrap.version }}/bootstrap"; 4 | 5 | @import "site/bootstrap/variables"; 6 | @import "site/bootstrap/navbar"; 7 | @import "site/bootstrap/buttons"; 8 | @import "site/bootstrap/jumbotron"; 9 | @import "site/bootstrap/wells"; 10 | @import "site/bootstrap/type"; 11 | @import "site/bootstrap/alerts"; 12 | @import "site/bootstrap/modals"; 13 | 14 | @import "site/layout"; 15 | @import "site/social-buttons"; 16 | @import "site/jumbotron-carousel"; 17 | @import "site/stripe-ad"; 18 | @import "site/search"; 19 | @import "site/fontawesome-icon-list"; 20 | @import "site/feature-list"; 21 | @import "site/example-rating"; 22 | @import "site/footer"; 23 | @import "site/lazy"; 24 | @import "site/textured-bg"; 25 | @import "site/banner-ad"; 26 | @import "site/fusion-ad"; 27 | @import "site/bsap-ad"; 28 | @import "site/sumome"; 29 | @import "site/algolia"; 30 | 31 | @import "site/responsive/screen-lg"; 32 | @import "site/responsive/screen-md"; 33 | @import "site/responsive/screen-sm"; 34 | @import "site/responsive/screen-xs"; 35 | -------------------------------------------------------------------------------- /src/_includes/icons/new.html: -------------------------------------------------------------------------------- 1 |
2 |

{{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}

3 | {% if page.navbar_active != "icons" %} 4 |
5 | You asked, Font Awesome delivers with {{ icons | version:site.fontawesome.minor_version | size }} shiny new icons in version {{ site.fontawesome.minor_version }}. 6 | Want to request new icons? Here's how. 7 |
8 | {% endif %} 9 | 10 |
11 | {% assign icons_new = icons | expand_aliases | version:site.fontawesome.minor_version | sort_by:'class' %} 12 | 13 | {% for icon in icons_new %} 14 |
{{ icon.class }}{% if icon.alias_of %} (alias){% endif %}
15 | {% endfor %} 16 |
17 | 18 |
19 | -------------------------------------------------------------------------------- /src/_plugins/icon_page_generator.rb: -------------------------------------------------------------------------------- 1 | ## 2 | # Create individual pages for each icon in the FontAwesome set 3 | 4 | require 'yaml' 5 | 6 | module Jekyll 7 | 8 | class IconPage < Page 9 | 10 | ## 11 | # Take a single icon and render a page for it. 12 | 13 | def initialize(site, base, dir, icon) 14 | @site = site 15 | @base = base 16 | @dir = dir 17 | @name = "#{icon.id}.html" 18 | @icon = icon 19 | 20 | self.process(@name) 21 | 22 | self.read_yaml(File.join(base, site.config['layouts']), site.config['icon_layout']) 23 | 24 | self.data['icon'] = icon 25 | self.data['title'] = "fa-#{icon.id}: " + self.data['title_suffix'] 26 | end 27 | 28 | end 29 | 30 | class IconGenerator < Generator 31 | 32 | ## 33 | # Iterate over every described icon in a YAML file and create a page for it 34 | 35 | safe true 36 | 37 | def generate(site) 38 | site.icons.each do |icon| 39 | site.pages << IconPage.new(site, site.source, site.config['icon_destination'], icon) 40 | end 41 | end 42 | 43 | end 44 | 45 | end 46 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "font-awesome", 3 | "description": "The iconic font and CSS framework", 4 | "version": "4.4.0", 5 | "style": "css/font-awesome.css", 6 | "keywords": ["font", "awesome", "fontawesome", "icon", "font", "bootstrap"], 7 | "homepage": "http://fontawesome.io/", 8 | "bugs": { 9 | "url" : "http://github.com/FortAwesome/Font-Awesome/issues" 10 | }, 11 | "author": { 12 | "name": "Dave Gandy", 13 | "email": "dave@fontawesome.io", 14 | "web": "http://twitter.com/davegandy" 15 | }, 16 | "repository": { 17 | "type": "git", 18 | "url": "https://github.com/FortAwesome/Font-Awesome.git" 19 | }, 20 | "contributors": [ 21 | { 22 | "name": "Rob Madole", 23 | "web": "http://twitter.com/robmadole" 24 | }, 25 | { 26 | "name": "Geremia Taglialatela", 27 | "web": "http://twitter.com/gtagliala" 28 | }, 29 | { 30 | "name": "Travis Chase", 31 | "web": "http://twitter.com/supercodepoet" 32 | } 33 | ], 34 | "license": "OFL-1.1 AND MIT", 35 | "dependencies": { 36 | }, 37 | "engines" : { 38 | "node" : ">=0.10.3" 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: @line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | &:extend(.clearfix all); 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: @pager-bg; 19 | border: 1px solid @pager-border; 20 | border-radius: @pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: @pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: @pager-disabled-color; 50 | background-color: @pager-bg; 51 | cursor: @cursor-disabled; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/media.less: -------------------------------------------------------------------------------- 1 | // Media objects 2 | // Source: http://stubbornella.org/content/?p=497 3 | // -------------------------------------------------- 4 | 5 | 6 | // Common styles 7 | // ------------------------- 8 | 9 | // Clear the floats 10 | .media, 11 | .media-body { 12 | overflow: hidden; 13 | *overflow: visible; 14 | zoom: 1; 15 | } 16 | 17 | // Proper spacing between instances of .media 18 | .media, 19 | .media .media { 20 | margin-top: 15px; 21 | } 22 | .media:first-child { 23 | margin-top: 0; 24 | } 25 | 26 | // For images and videos, set to block 27 | .media-object { 28 | display: block; 29 | } 30 | 31 | // Reset margins on headings for tighter default spacing 32 | .media-heading { 33 | margin: 0 0 5px; 34 | } 35 | 36 | 37 | // Media image alignment 38 | // ------------------------- 39 | 40 | .media > .pull-left { 41 | margin-right: 10px; 42 | } 43 | .media > .pull-right { 44 | margin-left: 10px; 45 | } 46 | 47 | 48 | // Media list variation 49 | // ------------------------- 50 | 51 | // Undo default ul/ol styles 52 | .media-list { 53 | margin-left: 0; 54 | list-style: none; 55 | } 56 | -------------------------------------------------------------------------------- /src/thanks.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | title: Thanks for subscribing! 4 | relative_path: ../ 5 | --- 6 | 7 |
8 |
9 |
10 |
11 |

You're all set!

12 |

13 | Thanks for signing up! 14 | We'll send you email updates on new Font Awesome releases, icons, and other stuff that we're working on. 15 | We won't spam you. Scout's honor! 16 |

17 | 18 |

What's next?

19 |

20 | Want to see what we're working on next? Check out Fonticons! We're making it easy to put the perfect icons 21 | on your website. Pick from gorgeous, comprehensive icon sets or copy and paste your own vector icons. 22 |

23 | 24 | Check out Fonticons! 25 | 26 |
27 |
28 |
29 |
30 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/scaffolding.less: -------------------------------------------------------------------------------- 1 | // 2 | // Scaffolding 3 | // -------------------------------------------------- 4 | 5 | 6 | // Body reset 7 | // ------------------------- 8 | 9 | body { 10 | margin: 0; 11 | font-family: @baseFontFamily; 12 | font-size: @baseFontSize; 13 | line-height: @baseLineHeight; 14 | color: @textColor; 15 | background-color: @bodyBackground; 16 | } 17 | 18 | 19 | // Links 20 | // ------------------------- 21 | 22 | a { 23 | color: @linkColor; 24 | text-decoration: none; 25 | } 26 | a:hover, 27 | a:focus { 28 | color: @linkColorHover; 29 | text-decoration: underline; 30 | } 31 | 32 | 33 | // Images 34 | // ------------------------- 35 | 36 | // Rounded corners 37 | .img-rounded { 38 | .border-radius(6px); 39 | } 40 | 41 | // Add polaroid-esque trim 42 | .img-polaroid { 43 | padding: 4px; 44 | background-color: #fff; 45 | border: 1px solid #ccc; 46 | border: 1px solid rgba(0,0,0,.2); 47 | .box-shadow(0 1px 3px rgba(0,0,0,.1)); 48 | } 49 | 50 | // Perfect circle 51 | .img-circle { 52 | .border-radius(500px); // crank the border-radius so it works with most reasonably sized images 53 | } 54 | -------------------------------------------------------------------------------- /src/3.2.1/assets/js/site.js: -------------------------------------------------------------------------------- 1 | $(function() { 2 | // start the icon carousel 3 | $('#iconCarousel').carousel({ 4 | interval: 5000 5 | }); 6 | 7 | 8 | 9 | 10 | // make code pretty 11 | // $('pre').addClass('prettyprint'); 12 | // window.prettyPrint && prettyPrint(); 13 | 14 | // Disable links with href="#" inside
, so users can click on them 15 | // to preview :active state without being scrolled up to the top of the page. 16 | // $('section a[href="#"]').click(function(e) { 17 | // e.preventDefault(); 18 | // e.stopPropagation(); 19 | // }); 20 | 21 | // // inject twitter & github counts 22 | // $.ajax({ 23 | // url: 'http://api.twitter.com/1/users/show.json', 24 | // data: {screen_name: 'fortaweso_me'}, 25 | // dataType: 'jsonp', 26 | // success: function(data) { 27 | // $('#followers').html(data.followers_count); 28 | // } 29 | // }); 30 | // $.ajax({ 31 | // url: 'https://api.github.com/repos/fortawesome/Font-Awesome', 32 | // dataType: 'jsonp', 33 | // success: function(data) { 34 | // $('#watchers').html(data.data.watchers); 35 | // $('#forks').html(data.data.forks); 36 | // } 37 | // }); 38 | }); 39 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/navbar.less: -------------------------------------------------------------------------------- 1 | // SITE SPECIFIC NAVBAR STYLES 2 | 3 | .navbar { margin-bottom: 0; } 4 | .navbar-inverse { background-color: lighten(@fa-green, 2%); } 5 | .navbar-brand { 6 | font-family: @font-family-serif; 7 | font-weight: 300; 8 | font-size: 20px; 9 | .fa-flag { padding-right: 3px; } 10 | } 11 | .navbar-nav > li > a { padding: 11px 10px 9px; } 12 | 13 | // makes dropdowns closer for split dropdown 14 | .navbar-nav > li { 15 | &.dropdown-split-right > a { padding-left: 7px; } 16 | &.dropdown-split-left > a { padding-right: 0; } 17 | } 18 | 19 | .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: @jumbotron-border; } 20 | 21 | .navbar-inverse .navbar-toggle { 22 | color: @jumbotron-color; 23 | text-shadow: 0 1px 0 rgba(0,0,0,0.15); 24 | padding: 4px 10px; 25 | margin-top: 5px; 26 | margin-bottom: 5px; 27 | &:hover { 28 | background-color: mix(@jumbotron-color, @jumbotron-bg, 95%); 29 | border-color: mix(@jumbotron-color, @jumbotron-bg, 95%); 30 | color: @jumbotron-bg; 31 | text-shadow: 0 -1px 0 @jumbotron-color; 32 | } 33 | } 34 | 35 | .navbar-nav.navbar-right:last-child { margin-right: -10px; } -------------------------------------------------------------------------------- /src/_plugins/flatten_icon_filters.rb: -------------------------------------------------------------------------------- 1 | ## 2 | # Flattens the icons object to a one-dimensional array of possible search terms. 3 | 4 | require 'set' 5 | 6 | module Jekyll 7 | module FlattenArray 8 | def flattenIconFilters(icons) 9 | flattened = Set.new 10 | icons.each do |icon| 11 | toAdd = [] 12 | 13 | toAdd.push(icon["class"].downcase) # Add class as a filter value 14 | 15 | # Add any existing aliases as a filter value 16 | if not icon["aliases"].nil? 17 | icon["aliases"].each do |iconAlias| 18 | toAdd.push(iconAlias.downcase) 19 | end 20 | end 21 | 22 | # Add any existing filters as a filter value 23 | if not icon["filter"].nil? 24 | icon["filter"].each do |iconFilter| 25 | toAdd.push(iconFilter.downcase) 26 | end 27 | end 28 | flattened.merge(toAdd) 29 | 30 | print toAdd if toAdd.include? true 31 | print toAdd if toAdd.include? false 32 | end 33 | return flattened.to_a # .to_a because we can't jsonify a 34 | end 35 | end 36 | end 37 | 38 | Liquid::Template.register_filter(Jekyll::FlattenArray) 39 | -------------------------------------------------------------------------------- /src/assets/less/site/footer.less: -------------------------------------------------------------------------------- 1 | #footer { 2 | background-color: lighten(@fa-green, 2%); 3 | border-top: 1px solid @jumbotron-border; 4 | color: mix(@jumbotron-color, @fa-green, 60%); 5 | text-shadow: 0 1px 0 rgba(0,0,0,0.15); 6 | margin-top: 60px; 7 | a { 8 | color: mix(@jumbotron-color, @fa-green, 80%); 9 | border-bottom: dotted 1px mix(@jumbotron-color, @fa-green, 60%); 10 | &:hover { 11 | color: @jumbotron-color; 12 | text-decoration: none; 13 | border-bottom: solid 1px @jumbotron-color; 14 | } 15 | } 16 | .container { 17 | padding-top: 50px; 18 | padding-bottom: 55px; 19 | } 20 | .project { margin-top: 10px; } 21 | } 22 | 23 | 24 | // Sticky Footer Styles 25 | // -------------------- 26 | 27 | //html, body { height: 100%; } 28 | // 29 | //#wrap { 30 | // min-height: 100%; 31 | // height: auto !important; 32 | // height: 100%; 33 | //} 34 | // 35 | //.sticky-footer(); 36 | // 37 | //.sticky-footer(@footer-height: 356px, @footer-margin: 60px) { 38 | // #wrap { 39 | // margin: 0 auto -(@footer-height); 40 | // padding: 0 0 (@footer-height + @footer-margin); 41 | // } 42 | // #footer { height: @footer-height; } 43 | //} 44 | -------------------------------------------------------------------------------- /src/_includes/community/getting-support.html: -------------------------------------------------------------------------------- 1 |
2 |

Getting Support

3 |

4 | Having trouble getting Font Awesome up and running? Something not working the way you think it should? I hate that 5 | I don't have time to answer Font Awesome support emails anymore. So here are some things you might wanna do: 6 |

7 |
    8 |
  1. 9 | Make sure you've read the latest version of how to get started. 10 | It's been updated recently to make Font Awesome even easier to use. 11 |
    2. 12 |
  2. 13 | Check out the existing questions tagged as 14 | Font Awesome over on Stack Overflow. Other folks might have had the same question you've had. 15 |
    3. 16 |
  3. 17 | Can't find the answer to your question on Stack Overflow? 18 | Ask a new question, then 19 | send me an email and I might be able to take a look. 20 |
    4. 21 |
22 |
23 | -------------------------------------------------------------------------------- /src/assets/less/site/responsive/screen-lg.less: -------------------------------------------------------------------------------- 1 | @media (min-width: @screen-lg) { 2 | #icon-carousel { 3 | @size: 240px; 4 | font-size: @size; 5 | line-height: @size + 20; 6 | margin-top: @buffer-lg; 7 | } 8 | 9 | .carousel-control { 10 | top: @size + 25px; 11 | .square(30px); 12 | font-size: 40px; 13 | line-height: 35px; 14 | left: 370/2 - 42px; 15 | &.right { 16 | right: 370/2 - 42px; 17 | } 18 | } 19 | 20 | .jumbotron-ad { 21 | padding: 50px 0; 22 | h1 { 23 | margin-top: 25px; 24 | font-size: 90px; 25 | } 26 | p { 27 | font-size: 28px; 28 | margin: 35px 0 20px; 29 | } 30 | } 31 | 32 | .jumbotron-carousel { 33 | padding: 50px 0; 34 | h1 { font-size: 100px; } 35 | p { 36 | font-size: 32px; 37 | margin: 20px 0; 38 | } 39 | .btn-large { 40 | font-size: 30px; 41 | padding: 21px 35px; 42 | } 43 | } 44 | 45 | .stripe-ad .lead { padding-top: 0; } 46 | 47 | .lead { 48 | font-size: 26px; 49 | line-height: 36px; 50 | } 51 | 52 | .fonticons { 53 | .tagline { } 54 | .action { width: 18%; } 55 | } 56 | 57 | .hide-lg { display: none; } 58 | } -------------------------------------------------------------------------------- /src/3.2.1/assets/less/responsive-1200px-min.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Large desktop and up 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (min-width: 1200px) { 7 | 8 | #iconCarousel { 9 | @size: 290px; 10 | font-size: @size; 11 | line-height: @size + 5; 12 | .carousel-control { 13 | top: @size + 20px; 14 | .square(30px); 15 | font-size: 40px; 16 | line-height: 35px; 17 | left: 370/2 - 40px; 18 | &.right { 19 | right: 370/2 - 40px; 20 | } 21 | } 22 | } 23 | 24 | .jumbotron-index { 25 | padding: 50px 0; 26 | h1 { font-size: 100px; } 27 | p { 28 | font-size: 40px; 29 | margin: 20px 0; 30 | } 31 | .btn-large { 32 | font-size: 30px; 33 | padding: 21px 35px; 34 | } 35 | .shameless-self-promotion { 36 | margin-top: 30px; 37 | } 38 | } 39 | 40 | .jumbotron-ad { 41 | padding: 50px 0; 42 | h1 { font-size: 90px; } 43 | p { 44 | font-size: 35px; 45 | margin: 20px 0; 46 | } 47 | } 48 | 49 | .stripe-ad .lead { margin-top: 7px; } 50 | 51 | .lead { 52 | font-size: 26px; 53 | line-height: 36px; 54 | } 55 | 56 | } 57 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/media.less: -------------------------------------------------------------------------------- 1 | .media { 2 | // Proper spacing between instances of .media 3 | margin-top: 15px; 4 | 5 | &:first-child { 6 | margin-top: 0; 7 | } 8 | } 9 | 10 | .media, 11 | .media-body { 12 | zoom: 1; 13 | overflow: hidden; 14 | } 15 | 16 | .media-body { 17 | width: 10000px; 18 | } 19 | 20 | .media-object { 21 | display: block; 22 | 23 | // Fix collapse in webkit from max-width: 100% and display: table-cell. 24 | &.img-thumbnail { 25 | max-width: none; 26 | } 27 | } 28 | 29 | .media-right, 30 | .media > .pull-right { 31 | padding-left: 10px; 32 | } 33 | 34 | .media-left, 35 | .media > .pull-left { 36 | padding-right: 10px; 37 | } 38 | 39 | .media-left, 40 | .media-right, 41 | .media-body { 42 | display: table-cell; 43 | vertical-align: top; 44 | } 45 | 46 | .media-middle { 47 | vertical-align: middle; 48 | } 49 | 50 | .media-bottom { 51 | vertical-align: bottom; 52 | } 53 | 54 | // Reset margins on headings for tighter default spacing 55 | .media-heading { 56 | margin-top: 0; 57 | margin-bottom: 5px; 58 | } 59 | 60 | // Media list variation 61 | // 62 | // Undo default ul/ol styles 63 | .media-list { 64 | padding-left: 0; 65 | list-style: none; 66 | } 67 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/image.less: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | .img-responsive(@display: block) { 10 | display: @display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { 21 | background-image: url("@{file-1x}"); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url("@{file-2x}"); 31 | background-size: @width-1x @height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /src/3.2.1/Makefile: -------------------------------------------------------------------------------- 1 | PATH := ../node_modules/.bin:$(PATH) 2 | 3 | FA_ROOT_DIRECTORY = assets/font-awesome 4 | FA_LESS_DIRECTORY = assets/font-awesome/less 5 | FA_CSS_DIRECTORY = assets/font-awesome/css 6 | 7 | FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less 8 | FA_LESS_IE7 = ${FA_LESS_DIRECTORY}/font-awesome-ie7.less 9 | 10 | FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css 11 | FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css 12 | FA_CSS_IE7 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css 13 | FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css 14 | 15 | SITE_LESS_DIRECTORY = assets/less 16 | SITE_CSS_DIRECTORY = assets/css 17 | 18 | SITE_LESS = ${SITE_LESS_DIRECTORY}/site.less 19 | SITE_CSS_MIN = ${SITE_CSS_DIRECTORY}/site.css 20 | 21 | build: 22 | @echo "Compiling Less files" 23 | @mkdir -p ${FA_CSS_DIRECTORY} 24 | lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN} 25 | lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN} 26 | lessc ${FA_LESS_IE7} > ${FA_CSS_IE7} 27 | lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN} 28 | lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN} 29 | cp -r ${FA_ROOT_DIRECTORY}/* ../ 30 | cd assets && zip -r9 font-awesome.zip font-awesome 31 | 32 | 33 | default: build 34 | 35 | 36 | .PHONY: build 37 | -------------------------------------------------------------------------------- /src/_includes/thanks-to.html: -------------------------------------------------------------------------------- 1 |
2 |

Thanks To

3 |
4 |
5 |

6 | Thanks to @robmadole and 7 | @supercodepoet for icon design 8 | review, advice, some Jekyll help, and being all around badass coders. 9 |

10 |
11 |
12 |

13 | HUGE thanks to @gtagliala for doing such a fantastic job managing 14 | pull requests and issues on the Font Awesome 15 | GitHub project. 16 |

17 |
18 |
19 |

20 | Thanks to  MaxCDN for providing the excellent 21 | BootstrapCDN, the fastest and easiest way to 22 | get started with Font Awesome. 23 |

24 |
25 |
26 |
27 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .icon(@icon) { 5 | .icon-FontAwesome(); 6 | content: @icon; 7 | } 8 | 9 | .icon-FontAwesome() { 10 | font-family: FontAwesome; 11 | font-weight: normal; 12 | font-style: normal; 13 | text-decoration: inherit; 14 | -webkit-font-smoothing: antialiased; 15 | *margin-right: .3em; // fixes ie7 issues 16 | } 17 | 18 | .border-radius(@radius) { 19 | -webkit-border-radius: @radius; 20 | -moz-border-radius: @radius; 21 | border-radius: @radius; 22 | } 23 | 24 | .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) { 25 | .icon-stack { 26 | position: relative; 27 | display: inline-block; 28 | width: @width; 29 | height: @height; 30 | line-height: @width; 31 | vertical-align: -35%; 32 | [class^="icon-"], 33 | [class*=" icon-"] { 34 | display: block; 35 | text-align: center; 36 | position: absolute; 37 | width: 100%; 38 | height: 100%; 39 | font-size: @top-font-size; 40 | line-height: inherit; 41 | *line-height: @height; 42 | } 43 | .icon-stack-base { 44 | font-size: @base-font-size; 45 | *line-height: @height / @base-font-size; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /src/examples.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | title: Font Awesome Examples 4 | navbar_active: examples 5 | relative_path: ../ 6 | --- 7 | {% capture jumbotron_h1 %}  Examples{% endcapture %} 8 | {% capture jumbotron_p %}Lots of easy ways to use Font Awesome{% endcapture %} 9 | 10 | {% include jumbotron.html %} 11 | {% include stripe-social.html %} 12 | 13 |
14 | {% capture stripe_ad_content %} 15 |

16 | After you get up and running, you can place Font Awesome icons just about 17 | anywhere with the <i> tag. 18 | Some examples appreciatively re-used from the Bootstrap documentation. 19 |

20 | {% endcapture %} 21 | {% include stripe-ad.html %} 22 | 23 | {% include examples/basic.html %} 24 | {% include examples/larger.html %} 25 | {% include examples/fixed-width.html %} 26 | {% include examples/list.html %} 27 | {% include examples/bordered-pulled.html %} 28 | {% include examples/animated.html %} 29 | {% include examples/rotated-flipped.html %} 30 | {% include examples/stacked.html %} 31 | {% include examples/bootstrap.html %} 32 | {% include examples/custom.html %} 33 |
34 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/responsive.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.3.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | 12 | // Responsive.less 13 | // For phone and tablet devices 14 | // ------------------------------------------------------------- 15 | 16 | 17 | // REPEAT VARIABLES & MIXINS 18 | // ------------------------- 19 | // Required since we compile the responsive stuff separately 20 | 21 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 22 | @import "mixins.less"; 23 | 24 | 25 | // RESPONSIVE CLASSES 26 | // ------------------ 27 | 28 | @import "responsive-utilities.less"; 29 | 30 | 31 | // MEDIA QUERIES 32 | // ------------------ 33 | 34 | // Large desktops 35 | @import "responsive-1200px-min.less"; 36 | 37 | // Tablets to regular desktops 38 | @import "responsive-768px-979px.less"; 39 | 40 | // Phones to portrait tablets and narrow desktops 41 | @import "responsive-767px-max.less"; 42 | 43 | 44 | // RESPONSIVE NAVBAR 45 | // ------------------ 46 | 47 | // From 979px and below, show a button to toggle navbar contents 48 | @import "responsive-navbar.less"; 49 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin icon($icon) { 5 | @include icon-FontAwesome(); 6 | content: $icon; 7 | } 8 | 9 | @mixin icon-FontAwesome() { 10 | font-family: FontAwesome; 11 | font-weight: normal; 12 | font-style: normal; 13 | text-decoration: inherit; 14 | -webkit-font-smoothing: antialiased; 15 | *margin-right: .3em; // fixes ie7 issues 16 | } 17 | 18 | @mixin border-radius($radius) { 19 | -webkit-border-radius: $radius; 20 | -moz-border-radius: $radius; 21 | border-radius: $radius; 22 | } 23 | 24 | @mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) { 25 | .icon-stack { 26 | position: relative; 27 | display: inline-block; 28 | width: $width; 29 | height: $height; 30 | line-height: $width; 31 | vertical-align: -35%; 32 | [class^="icon-"], 33 | [class*=" icon-"] { 34 | display: block; 35 | text-align: center; 36 | position: absolute; 37 | width: 100%; 38 | height: 100%; 39 | font-size: $top-font-size; 40 | line-height: inherit; 41 | *line-height: $height; 42 | } 43 | .icon-stack-base { 44 | font-size: $base-font-size; 45 | *line-height: #{$height / $base-font-size}em; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /src/community.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | title: The Font Awesome Community 4 | navbar_active: community 5 | relative_path: ../ 6 | --- 7 | {% capture jumbotron_h1 %}  Community{% endcapture %} 8 | {% capture jumbotron_p %}Lots of ways to get involved with Font Awesome{% endcapture %} 9 | 10 | {% include jumbotron.html %} 11 | {% include stripe-social.html %} 12 | 13 |
14 | {% capture stripe_ad_content %} 15 |

16 | Font Awesome has a vibrant community of folks helping each other out. You can 17 | get support, 18 | report bugs, 19 | request new icons, 20 | submit pull requests, and 21 | check upcoming milestones. 22 |

23 | {% endcapture %} 24 | {% include stripe-ad.html %} 25 | 26 | {% include community/getting-support.html %} 27 | {% include community/requesting-new-icons.html %} 28 | {% include community/reporting-bugs.html %} 29 | {% include community/submitting-pull-requests.html %} 30 | {% include community/project-milestones.html %} 31 | 32 | {% include thanks-to.html %} 33 | {% include tell-me-thanks.html %} 34 |
35 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/jumbotron.less: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding-top: @jumbotron-padding; 8 | padding-bottom: @jumbotron-padding; 9 | margin-bottom: @jumbotron-padding; 10 | color: @jumbotron-color; 11 | background-color: @jumbotron-bg; 12 | 13 | h1, 14 | .h1 { 15 | color: @jumbotron-heading-color; 16 | } 17 | 18 | p { 19 | margin-bottom: (@jumbotron-padding / 2); 20 | font-size: @jumbotron-font-size; 21 | font-weight: 200; 22 | } 23 | 24 | > hr { 25 | border-top-color: darken(@jumbotron-bg, 10%); 26 | } 27 | 28 | .container &, 29 | .container-fluid & { 30 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container 31 | } 32 | 33 | .container { 34 | max-width: 100%; 35 | } 36 | 37 | @media screen and (min-width: @screen-sm-min) { 38 | padding-top: (@jumbotron-padding * 1.6); 39 | padding-bottom: (@jumbotron-padding * 1.6); 40 | 41 | .container &, 42 | .container-fluid & { 43 | padding-left: (@jumbotron-padding * 2); 44 | padding-right: (@jumbotron-padding * 2); 45 | } 46 | 47 | h1, 48 | .h1 { 49 | font-size: @jumbotron-heading-font-size; 50 | } 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text.less"; 6 | @import "mixins/opacity.less"; 7 | @import "mixins/image.less"; 8 | @import "mixins/labels.less"; 9 | @import "mixins/reset-filter.less"; 10 | @import "mixins/resize.less"; 11 | @import "mixins/responsive-visibility.less"; 12 | @import "mixins/size.less"; 13 | @import "mixins/tab-focus.less"; 14 | @import "mixins/reset-text.less"; 15 | @import "mixins/text-emphasis.less"; 16 | @import "mixins/text-overflow.less"; 17 | @import "mixins/vendor-prefixes.less"; 18 | 19 | // Components 20 | @import "mixins/alerts.less"; 21 | @import "mixins/buttons.less"; 22 | @import "mixins/panels.less"; 23 | @import "mixins/pagination.less"; 24 | @import "mixins/list-group.less"; 25 | @import "mixins/nav-divider.less"; 26 | @import "mixins/forms.less"; 27 | @import "mixins/progress-bar.less"; 28 | @import "mixins/table-row.less"; 29 | 30 | // Skins 31 | @import "mixins/background-variant.less"; 32 | @import "mixins/border-radius.less"; 33 | @import "mixins/gradients.less"; 34 | 35 | // Layout 36 | @import "mixins/clearfix.less"; 37 | @import "mixins/center-block.less"; 38 | @import "mixins/nav-vertical-align.less"; 39 | @import "mixins/grid-framework.less"; 40 | @import "mixins/grid.less"; 41 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/labels.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: @label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // Add hover effects, but only for links 18 | a& { 19 | &:hover, 20 | &:focus { 21 | color: @label-link-hover-color; 22 | text-decoration: none; 23 | cursor: pointer; 24 | } 25 | } 26 | 27 | // Empty labels collapse automatically (not available in IE8) 28 | &:empty { 29 | display: none; 30 | } 31 | 32 | // Quick fix for labels in buttons 33 | .btn & { 34 | position: relative; 35 | top: -1px; 36 | } 37 | } 38 | 39 | // Colors 40 | // Contextual variations (linked labels get darker on :hover) 41 | 42 | .label-default { 43 | .label-variant(@label-default-bg); 44 | } 45 | 46 | .label-primary { 47 | .label-variant(@label-primary-bg); 48 | } 49 | 50 | .label-success { 51 | .label-variant(@label-success-bg); 52 | } 53 | 54 | .label-info { 55 | .label-variant(@label-info-bg); 56 | } 57 | 58 | .label-warning { 59 | .label-variant(@label-warning-bg); 60 | } 61 | 62 | .label-danger { 63 | .label-variant(@label-danger-bg); 64 | } 65 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 3.2.1 3 | * the iconic font designed for Bootstrap 4 | * ------------------------------------------------------------------------------ 5 | * The full suite of pictographic icons, examples, and documentation can be 6 | * found at http://fontawesome.io. Stay up to date on Twitter at 7 | * http://twitter.com/fontawesome. 8 | * 9 | * License 10 | * ------------------------------------------------------------------------------ 11 | * - The Font Awesome font is licensed under SIL OFL 1.1 - 12 | * http://scripts.sil.org/OFL 13 | * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - 14 | * http://opensource.org/licenses/mit-license.html 15 | * - Font Awesome documentation licensed under CC BY 3.0 - 16 | * http://creativecommons.org/licenses/by/3.0/ 17 | * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: 18 | * "Font Awesome by Dave Gandy - http://fontawesome.io" 19 | * 20 | * Author - Dave Gandy 21 | * ------------------------------------------------------------------------------ 22 | * Email: dave@fontawesome.io 23 | * Twitter: http://twitter.com/davegandy 24 | * Work: Lead Product Designer @ Kyruus - http://kyruus.com 25 | */ 26 | 27 | @import "variables"; 28 | @import "mixins"; 29 | @import "path"; 30 | @import "core"; 31 | @import "bootstrap"; 32 | @import "extras"; 33 | @import "icons"; 34 | -------------------------------------------------------------------------------- /src/_includes/examples/list.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | List Icons 4 | 8 |

9 |
10 |
11 |
    12 |
  • List icons
    • 13 |
  • can be used
    • 14 |
  • as bullets
    • 15 |
  • in lists
    • 16 |
17 |
18 |
19 |

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

20 | {% highlight html %} 21 |
    22 |
  • List icons
    • 23 |
  • can be used
    • 24 |
  • as bullets
    • 25 |
  • in lists
    • 26 |
27 | {% endhighlight %} 28 |
29 |
30 |
31 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/thumbnails.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files 7 | 8 | // Make wrapper ul behave like the grid 9 | .thumbnails { 10 | margin-left: -@gridGutterWidth; 11 | list-style: none; 12 | .clearfix(); 13 | } 14 | // Fluid rows have no left margin 15 | .row-fluid .thumbnails { 16 | margin-left: 0; 17 | } 18 | 19 | // Float li to make thumbnails appear in a row 20 | .thumbnails > li { 21 | float: left; // Explicity set the float since we don't require .span* classes 22 | margin-bottom: @baseLineHeight; 23 | margin-left: @gridGutterWidth; 24 | } 25 | 26 | // The actual thumbnail (can be `a` or `div`) 27 | .thumbnail { 28 | display: block; 29 | padding: 4px; 30 | line-height: @baseLineHeight; 31 | border: 1px solid #ddd; 32 | .border-radius(@baseBorderRadius); 33 | .box-shadow(0 1px 3px rgba(0,0,0,.055)); 34 | .transition(all .2s ease-in-out); 35 | } 36 | // Add a hover/focus state for linked versions only 37 | a.thumbnail:hover, 38 | a.thumbnail:focus { 39 | border-color: @linkColor; 40 | .box-shadow(0 1px 4px rgba(0,105,214,.25)); 41 | } 42 | 43 | // Images and captions 44 | .thumbnail > img { 45 | display: block; 46 | max-width: 100%; 47 | margin-left: auto; 48 | margin-right: auto; 49 | } 50 | .thumbnail .caption { 51 | padding: 9px; 52 | color: @gray; 53 | } 54 | -------------------------------------------------------------------------------- /src/Makefile: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | PATH := ../node_modules/.bin:$(PATH) 4 | 5 | FA_ROOT_DIRECTORY = assets/font-awesome 6 | FA_LESS_DIRECTORY = assets/font-awesome/less 7 | FA_SCSS_DIRECTORY = assets/font-awesome/scss 8 | FA_CSS_DIRECTORY = assets/font-awesome/css 9 | 10 | FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less 11 | FA_SCSS_MODERN = ${FA_SCSS_DIRECTORY}/font-awesome.scss 12 | 13 | FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css 14 | FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css 15 | 16 | SITE_LESS_DIRECTORY = assets/less 17 | SITE_CSS_DIRECTORY = assets/css 18 | 19 | SITE_LESS = ${SITE_LESS_DIRECTORY}/site.less 20 | SITE_CSS = ${SITE_CSS_DIRECTORY}/site.css 21 | 22 | build: 23 | @echo "Compiling Less files" 24 | @mkdir -p ${FA_CSS_DIRECTORY} 25 | 26 | bundle exec lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN} 27 | bundle exec lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN} 28 | # sass ${FA_SCSS_MODERN} ${FA_CSS_MODERN} 29 | 30 | bundle exec lessc --yui-compress ${SITE_LESS} > ${SITE_CSS} 31 | cp -r ${FA_ROOT_DIRECTORY}/* ../ 32 | mv README.md-nobuild ../README.md 33 | cd assets && mv font-awesome font-awesome-{{ site.fontawesome.version }} && zip -r9 font-awesome-{{ site.fontawesome.version }}.zip font-awesome-{{ site.fontawesome.version }} && mv font-awesome-{{ site.fontawesome.version }} font-awesome 34 | 35 | find .. -type f ! -perm 644 -exec chmod 644 {} \; 36 | 37 | default: build 38 | 39 | 40 | .PHONY: build 41 | -------------------------------------------------------------------------------- /src/3.2.1/assets/font-awesome/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 3.2.1 3 | * the iconic font designed for Bootstrap 4 | * ------------------------------------------------------------------------------ 5 | * The full suite of pictographic icons, examples, and documentation can be 6 | * found at http://fontawesome.io. Stay up to date on Twitter at 7 | * http://twitter.com/fontawesome. 8 | * 9 | * License 10 | * ------------------------------------------------------------------------------ 11 | * - The Font Awesome font is licensed under SIL OFL 1.1 - 12 | * http://scripts.sil.org/OFL 13 | * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - 14 | * http://opensource.org/licenses/mit-license.html 15 | * - Font Awesome documentation licensed under CC BY 3.0 - 16 | * http://creativecommons.org/licenses/by/3.0/ 17 | * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: 18 | * "Font Awesome by Dave Gandy - http://fontawesome.io" 19 | * 20 | * Author - Dave Gandy 21 | * ------------------------------------------------------------------------------ 22 | * Email: dave@fontawesome.io 23 | * Twitter: http://twitter.com/davegandy 24 | * Work: Lead Product Designer @ Kyruus - http://kyruus.com 25 | */ 26 | 27 | @import "variables.less"; 28 | @import "mixins.less"; 29 | @import "path.less"; 30 | @import "core.less"; 31 | @import "bootstrap.less"; 32 | @import "extras.less"; 33 | @import "icons.less"; 34 | -------------------------------------------------------------------------------- /src/_includes/examples/bordered-pulled.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Bordered & Pulled Icons 4 | 8 |

9 |
10 |
11 |

12 | 13 | …tomorrow we will run faster, stretch out our arms farther… And then one fine morning— 14 | So we beat on, boats against the current, borne back ceaselessly into the past. 15 |

16 |
17 |
18 |

19 | Use fa-border and fa-pull-right or fa-pull-left for easy pull quotes or 20 | article icons. 21 |

22 | {% highlight html %} 23 | 24 | ...tomorrow we will run faster, stretch out our arms farther... 25 | And then one fine morning— So we beat on, boats against the 26 | current, borne back ceaselessly into the past. 27 | {% endhighlight %} 28 |
29 |
30 |
31 | -------------------------------------------------------------------------------- /src/_includes/new-features.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |

Completely Rewritten

6 | Everything re-written from the ground up for speed and simplicity. 7 |
8 |
9 |

CSS Best Practices

10 | New icon base class allows simpler CSS, faster rendering, and easier control. 11 |
12 |
13 |

New Icon Names

14 | Icons have been renamed to improve consistency and predictability. 15 |
16 |
17 |

Bootstrap 3

18 | Font Awesome {{ site.fontawesome.minor_version }} is fully tested and compatible with Bootstrap 3. 19 |
20 |
21 |

Better Compatibility

22 | Font Awesome is now more compatible with all web frameworks, including Foundation. 23 |
24 |
25 |

{{ icons | version:site.fontawesome.minor_version | size }} New Icons in {{ site.fontawesome.minor_version }}

26 | Requested by the active community on the Font Awesome GitHub project. 27 |
28 |
29 |
30 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/badges.less: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: @font-size-small; 12 | font-weight: @badge-font-weight; 13 | color: @badge-color; 14 | line-height: @badge-line-height; 15 | vertical-align: middle; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: @badge-bg; 19 | border-radius: @badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs &, 33 | .btn-group-xs > .btn & { 34 | top: 0; 35 | padding: 1px 5px; 36 | } 37 | 38 | // Hover state, but only for links 39 | a& { 40 | &:hover, 41 | &:focus { 42 | color: @badge-link-hover-color; 43 | text-decoration: none; 44 | cursor: pointer; 45 | } 46 | } 47 | 48 | // Account for badges in navs 49 | .list-group-item.active > &, 50 | .nav-pills > .active > a > & { 51 | color: @badge-active-color; 52 | background-color: @badge-active-bg; 53 | } 54 | 55 | .list-group-item > & { 56 | float: right; 57 | } 58 | 59 | .list-group-item > & + & { 60 | margin-right: 5px; 61 | } 62 | 63 | .nav-pills > li > a > & { 64 | margin-left: 3px; 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /src/cheatsheet.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: base 3 | title: Font Awesome Cheatsheet 4 | relative_path: ../ 5 | --- 6 | {% capture jumbotron_h1 %}  Cheatsheet{% endcapture %} 7 | {% capture jumbotron_p %}The complete Font Awesome {{ site.fontawesome.version }} icon reference{% endcapture %} 8 | 9 | {% include jumbotron.html %} 10 | {% include stripe-social.html %} 11 | 12 |
13 | {% capture stripe_ad_content %} 14 |

15 | Print this page to PDF for the complete set of vectors. Or to use on the desktop, install FontAwesome.otf, set it as the font in your application, and copy and paste the icons (not the unicode) directly from this page into your designs. 16 |

17 | {% endcapture %} 18 | {% include stripe-ad.html %} 19 | 20 |

Every Font Awesome {{ site.fontawesome.version }} Icon, CSS Class, & Unicode

21 | 22 |
23 | {% assign sorted_icons = icons | expand_aliases | sort_by:'class' %} 24 | 25 | {% for icon in sorted_icons %} 26 |
27 | {% if icon.created >= site.fontawesome.major_version %}{{ icon.created }}{% endif %} 28 | &#x{{ icon.unicode }} 29 | fa-{{ icon.class }} 30 | {% if icon.alias_of %} (alias){% endif %} 31 | [&#x{{ icon.unicode }};] 32 |
33 | {% endfor %} 34 |
35 |
36 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/responsive-768px-979px.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Tablet to desktop 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (min-width: 768px) and (max-width: 979px) { 7 | 8 | #iconCarousel { 9 | @size: 200px; 10 | font-size: @size; 11 | line-height: @size + 5; 12 | .carousel-control { 13 | top: @size + 30px; 14 | .square(30px); 15 | font-size: 40px; 16 | line-height: 40px; 17 | left: 228/2 - 40px; 18 | &.right { 19 | right: 228/2 - 40px; 20 | } 21 | } 22 | } 23 | 24 | .jumbotron-index { 25 | padding: 50px 0; 26 | h1 { font-size: 65px; } 27 | p { font-size: 25px; } 28 | .shameless-self-promotion { font-size: 12px; } 29 | } 30 | 31 | .jumbotron-ad { 32 | p { font-size: 28px; } 33 | } 34 | 35 | .jumbotron-icon { 36 | h1 small { 37 | display: block; 38 | margin-top: 15px; 39 | margin-left: 0; 40 | line-height: 20px; 41 | } 42 | } 43 | 44 | .stripe-ad { 45 | .lead { 46 | margin: 0; 47 | font-size: 19px; 48 | } 49 | @ad-width: 302px; 50 | .span8 { width: 476px + 228px - @ad-width; } 51 | .span4 { width: @ad-width; } 52 | } 53 | 54 | #why, #whats-new, #new-styles { 55 | .span4 { width: 352px; } 56 | } 57 | 58 | .the-icons { 59 | .span3 { width: 228px; } 60 | } 61 | 62 | .sticky-footer(110px, 40px, 40px, 60px); // sets default values for sticky footer 63 | .footer { 64 | padding-left: 20px; 65 | padding-right: 20px; 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/bootstrap.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.5 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | 7 | // Core variables and mixins 8 | @import "variables.less"; 9 | @import "mixins.less"; 10 | 11 | // Reset and dependencies 12 | @import "normalize.less"; 13 | @import "print.less"; 14 | @import "glyphicons.less"; 15 | 16 | // Core CSS 17 | @import "scaffolding.less"; 18 | @import "type.less"; 19 | @import "code.less"; 20 | @import "grid.less"; 21 | @import "tables.less"; 22 | @import "forms.less"; 23 | @import "buttons.less"; 24 | 25 | // Components 26 | @import "component-animations.less"; 27 | @import "dropdowns.less"; 28 | @import "button-groups.less"; 29 | @import "input-groups.less"; 30 | @import "navs.less"; 31 | @import "navbar.less"; 32 | @import "breadcrumbs.less"; 33 | @import "pagination.less"; 34 | @import "pager.less"; 35 | @import "labels.less"; 36 | @import "badges.less"; 37 | @import "jumbotron.less"; 38 | @import "thumbnails.less"; 39 | @import "alerts.less"; 40 | @import "progress-bars.less"; 41 | @import "media.less"; 42 | @import "list-group.less"; 43 | @import "panels.less"; 44 | @import "responsive-embed.less"; 45 | @import "wells.less"; 46 | @import "close.less"; 47 | 48 | // Components w/ JavaScript 49 | @import "modals.less"; 50 | @import "tooltip.less"; 51 | @import "popovers.less"; 52 | @import "carousel.less"; 53 | 54 | // Utility classes 55 | @import "utilities.less"; 56 | @import "responsive-utilities.less"; 57 | -------------------------------------------------------------------------------- /src/_includes/community/requesting-new-icons.html: -------------------------------------------------------------------------------- 1 |
2 |

Requesting New Icons

3 |

4 | New icons mostly start as requests by the 5 | Font Awesome community on GitHub. Want to request a new 6 | icon? Here are some things to keep in mind: 7 |

8 |
    9 |
  1. Please be nice. Font Awesome is a happy place.
    2. 10 |
  2. Please search to see if your icon request already exists. If a request is found, please +1 that one.
    3. 11 |
  3. 12 | Please make requests for single icons, unless you are requesting a couple of strictly related icons (e.g., thumbs-up/thumbs-down). 13 |
    4. 14 |
  4. 15 | Please and thank you if you include the following: 16 |
      17 |
    • 18 | Title your new issue 19 | Icon request: icon-name (e.g., Icon request: icon-car). 20 |
      • 21 |
    • Include a few use cases for your requested icon. How do you plan on using it?
      • 22 |
    • Attach a single color image or two that represent the idea you're going for.
      • 23 |
    24 |
    5. 25 |
  5. 26 | Request concrete objects: it's harder to make an icon to represent happiness, it's easier to make a smiley face. 27 |
    6. 28 |
29 |
30 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/code.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and blocK) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | pre { 9 | padding: 0 3px 2px; 10 | #font > #family > .monospace; 11 | font-size: @baseFontSize - 2; 12 | color: @grayDark; 13 | .border-radius(3px); 14 | } 15 | 16 | // Inline code 17 | code { 18 | padding: 2px 4px; 19 | color: #d14; 20 | background-color: #f7f7f9; 21 | border: 1px solid #e1e1e8; 22 | white-space: nowrap; 23 | } 24 | 25 | // Blocks of code 26 | pre { 27 | display: block; 28 | padding: (@baseLineHeight - 1) / 2; 29 | margin: 0 0 @baseLineHeight / 2; 30 | font-size: @baseFontSize - 1; // 14px to 13px 31 | line-height: @baseLineHeight; 32 | word-break: break-all; 33 | word-wrap: break-word; 34 | white-space: pre; 35 | white-space: pre-wrap; 36 | background-color: #f5f5f5; 37 | border: 1px solid #ccc; // fallback for IE7-8 38 | border: 1px solid rgba(0,0,0,.15); 39 | .border-radius(@baseBorderRadius); 40 | 41 | // Make prettyprint styles more spaced out for readability 42 | &.prettyprint { 43 | margin-bottom: @baseLineHeight; 44 | } 45 | 46 | // Account for some code outputs that place code tags in pre tags 47 | code { 48 | padding: 0; 49 | color: inherit; 50 | white-space: pre; 51 | white-space: pre-wrap; 52 | background-color: transparent; 53 | border: 0; 54 | } 55 | } 56 | 57 | // Enable scrollable blocks of code 58 | .pre-scrollable { 59 | max-height: 340px; 60 | overflow-y: scroll; 61 | } -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | blankslate (2.1.2.4) 5 | classifier (1.3.4) 6 | fast-stemmer (>= 1.0.0) 7 | colorator (0.1) 8 | commander (4.1.6) 9 | highline (~> 1.6.11) 10 | commonjs (0.2.7) 11 | fast-stemmer (1.0.2) 12 | ffi (1.9.6) 13 | highline (1.6.21) 14 | jekyll (1.5.1) 15 | classifier (~> 1.3) 16 | colorator (~> 0.1) 17 | commander (~> 4.1.3) 18 | liquid (~> 2.5.5) 19 | listen (~> 1.3) 20 | maruku (= 0.7.0) 21 | pygments.rb (~> 0.5.0) 22 | redcarpet (~> 2.3.0) 23 | safe_yaml (~> 1.0) 24 | toml (~> 0.1.0) 25 | less (2.5.1) 26 | commonjs (~> 0.2.7) 27 | libv8 (3.16.14.7) 28 | liquid (2.5.5) 29 | listen (1.3.1) 30 | rb-fsevent (>= 0.9.3) 31 | rb-inotify (>= 0.9) 32 | rb-kqueue (>= 0.2) 33 | maruku (0.7.0) 34 | parslet (1.5.0) 35 | blankslate (~> 2.0) 36 | posix-spawn (0.3.9) 37 | pygments.rb (0.5.4) 38 | posix-spawn (~> 0.3.6) 39 | yajl-ruby (~> 1.1.0) 40 | rb-fsevent (0.9.4) 41 | rb-inotify (0.9.5) 42 | ffi (>= 0.5.0) 43 | rb-kqueue (0.2.3) 44 | ffi (>= 0.5.0) 45 | redcarpet (2.3.0) 46 | ref (1.0.5) 47 | safe_yaml (1.0.4) 48 | sass (3.4.11) 49 | therubyracer (0.12.1) 50 | libv8 (~> 3.16.14.0) 51 | ref 52 | toml (0.1.2) 53 | parslet (~> 1.5.0) 54 | yajl-ruby (1.1.0) 55 | 56 | PLATFORMS 57 | ruby 58 | 59 | DEPENDENCIES 60 | jekyll (~> 1.0) 61 | less (~> 2.5.0) 62 | safe_yaml (~> 1.0.4) 63 | sass (~> 3.0) 64 | therubyracer 65 | -------------------------------------------------------------------------------- /src/_includes/examples/basic.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Basic Icons 4 | 8 |

9 | 10 |
11 |
12 |

13 | fa-camera-retro 14 |

15 |
16 |
17 |

18 | You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's 19 | name. Font Awesome is designed to be used with inline elements (we like the <i> tag for 20 | brevity, but using a <span> is more semantically correct). 21 |

22 | {% highlight html %} 23 | fa-camera-retro 24 | {% endhighlight %} 25 |
26 |
    27 |
  • 28 | 29 | If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, 30 | drop shadow, and anything else that gets inherited using CSS. 31 |
    • 32 |
33 |
34 |
35 |
36 |
37 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/responsive.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.3.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | 12 | // Responsive.less 13 | // For phone and tablet devices 14 | // ------------------------------------------------------------- 15 | 16 | 17 | // REPEAT VARIABLES & MIXINS 18 | // ------------------------- 19 | // Required since we compile the responsive stuff separately 20 | 21 | @import "bootstrap-2.3.2/variables.less"; // Modify this for custom colors, font-sizes, etc 22 | @import "bootstrap-2.3.2/mixins.less"; 23 | 24 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 25 | 26 | // RESPONSIVE CLASSES 27 | // ------------------ 28 | 29 | @import "bootstrap-2.3.2/responsive-utilities.less"; 30 | 31 | 32 | // MEDIA QUERIES 33 | // ------------------ 34 | 35 | // Large desktops 36 | @import "bootstrap-2.3.2/responsive-1200px-min.less"; 37 | @import "responsive-1200px-min.less"; 38 | 39 | // Tablets to regular desktops 40 | @import "bootstrap-2.3.2/responsive-768px-979px.less"; 41 | @import "responsive-768px-979px.less"; 42 | 43 | // Phones to portrait tablets and narrow desktops 44 | @import "bootstrap-2.3.2/responsive-767px-max.less"; 45 | @import "responsive-767px-max.less"; 46 | 47 | 48 | // RESPONSIVE NAVBAR 49 | // ------------------ 50 | 51 | // From 979px and below, show a button to toggle navbar contents 52 | @import "bootstrap-2.3.2/responsive-navbar.less"; 53 | @import "responsive-navbar.less"; 54 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/code.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: @font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: @code-color; 19 | background-color: @code-bg; 20 | border-radius: @border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: @kbd-color; 28 | background-color: @kbd-bg; 29 | border-radius: @border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: ((@line-height-computed - 1) / 2); 44 | margin: 0 0 (@line-height-computed / 2); 45 | font-size: (@font-size-base - 1); // 14px to 13px 46 | line-height: @line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: @pre-color; 50 | background-color: @pre-bg; 51 | border: 1px solid @pre-border-color; 52 | border-radius: @border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: @pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/alerts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: 8px 35px 8px 14px; 11 | margin-bottom: @baseLineHeight; 12 | text-shadow: 0 1px 0 rgba(255,255,255,.5); 13 | background-color: @warningBackground; 14 | border: 1px solid @warningBorder; 15 | .border-radius(@baseBorderRadius); 16 | } 17 | .alert, 18 | .alert h4 { 19 | // Specified for the h4 to prevent conflicts of changing @headingsColor 20 | color: @warningText; 21 | } 22 | .alert h4 { 23 | margin: 0; 24 | } 25 | 26 | // Adjust close link position 27 | .alert .close { 28 | position: relative; 29 | top: -2px; 30 | right: -21px; 31 | line-height: @baseLineHeight; 32 | } 33 | 34 | 35 | // Alternate styles 36 | // ------------------------- 37 | 38 | .alert-success { 39 | background-color: @successBackground; 40 | border-color: @successBorder; 41 | color: @successText; 42 | } 43 | .alert-success h4 { 44 | color: @successText; 45 | } 46 | .alert-danger, 47 | .alert-error { 48 | background-color: @errorBackground; 49 | border-color: @errorBorder; 50 | color: @errorText; 51 | } 52 | .alert-danger h4, 53 | .alert-error h4 { 54 | color: @errorText; 55 | } 56 | .alert-info { 57 | background-color: @infoBackground; 58 | border-color: @infoBorder; 59 | color: @infoText; 60 | } 61 | .alert-info h4 { 62 | color: @infoText; 63 | } 64 | 65 | 66 | // Block alerts 67 | // ------------------------- 68 | 69 | .alert-block { 70 | padding-top: 14px; 71 | padding-bottom: 14px; 72 | } 73 | .alert-block > p, 74 | .alert-block > ul { 75 | margin-bottom: 0; 76 | } 77 | .alert-block p + p { 78 | margin-top: 5px; 79 | } 80 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/grid.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | .container-fixed(); 12 | 13 | @media (min-width: @screen-sm-min) { 14 | width: @container-sm; 15 | } 16 | @media (min-width: @screen-md-min) { 17 | width: @container-md; 18 | } 19 | @media (min-width: @screen-lg-min) { 20 | width: @container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | .container-fixed(); 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | .make-row(); 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | .make-grid-columns(); 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | .make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: @screen-sm-min) { 65 | .make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: @screen-md-min) { 74 | .make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: @screen-lg-min) { 83 | .make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/bootstrap.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v2.3.2 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | // Core variables and mixins 12 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc 13 | @import "mixins.less"; 14 | 15 | // CSS Reset 16 | @import "reset.less"; 17 | 18 | // Grid system and page structure 19 | @import "scaffolding.less"; 20 | @import "grid.less"; 21 | @import "layouts.less"; 22 | 23 | // Base CSS 24 | @import "type.less"; 25 | @import "code.less"; 26 | @import "forms.less"; 27 | @import "tables.less"; 28 | 29 | // Components: common 30 | @import "sprites.less"; 31 | @import "dropdowns.less"; 32 | @import "wells.less"; 33 | @import "component-animations.less"; 34 | @import "close.less"; 35 | 36 | // Components: Buttons & Alerts 37 | @import "buttons.less"; 38 | @import "button-groups.less"; 39 | @import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less 40 | 41 | // Components: Nav 42 | @import "navs.less"; 43 | @import "navbar.less"; 44 | @import "breadcrumbs.less"; 45 | @import "pagination.less"; 46 | @import "pager.less"; 47 | 48 | // Components: Popovers 49 | @import "modals.less"; 50 | @import "tooltip.less"; 51 | @import "popovers.less"; 52 | 53 | // Components: Misc 54 | @import "thumbnails.less"; 55 | @import "media.less"; 56 | @import "labels-badges.less"; 57 | @import "progress-bars.less"; 58 | @import "accordion.less"; 59 | @import "carousel.less"; 60 | @import "hero-unit.less"; 61 | 62 | // Utility classes 63 | @import "utilities.less"; // Has to be last to override when necessary 64 | -------------------------------------------------------------------------------- /src/assets/less/site/jumbotron-carousel.less: -------------------------------------------------------------------------------- 1 | @size: 220px; 2 | #icon-carousel { 3 | margin-top: @buffer-sm; 4 | font-size: @size; 5 | text-align: center; 6 | line-height: @size + 20; 7 | text-shadow: 0 2px 0 rgba(0,0,0,0.15); 8 | } 9 | .carousel-control { 10 | top: @size + 10px; 11 | .square(30px); 12 | border-width: 0; 13 | font-size: 30px; 14 | line-height: 25px; 15 | left: 300/2 - 36px; 16 | &.right { 17 | left: auto; 18 | right: 300/2 - 36px; 19 | } 20 | &.right, &.left { 21 | background-image: none; 22 | filter: none; 23 | } 24 | } 25 | 26 | 27 | .jumbotron-carousel { 28 | padding-top: 40px; 29 | .btn { 30 | margin-top: @buffer-lg; 31 | font-family: @font-family-serif; 32 | font-size: 24px; 33 | padding: 17px 30px; 34 | color: @jumbotron-color; 35 | border-color: mix(@jumbotron-color, @jumbotron-bg, 75%); 36 | background-color: transparent; 37 | text-shadow: 0 1px 0 rgba(0,0,0,0.15); 38 | &:hover { 39 | background-color: mix(@jumbotron-color, @jumbotron-bg, 95%); 40 | border-color: mix(@jumbotron-color, @jumbotron-bg, 95%); 41 | color: @jumbotron-bg; 42 | text-shadow: 0 -1px 0 @jumbotron-color; 43 | } 44 | } 45 | .shameless-self-promotion { 46 | margin-top: @buffer-lg; 47 | font-size: @font-size-base; 48 | line-height: @line-height-base; 49 | color: mix(@jumbotron-color, @jumbotron-bg, 60%); 50 | text-shadow: 0 1px 0 rgba(0,0,0,0.15); 51 | a { 52 | color: mix(@jumbotron-color, @jumbotron-bg, 80%); 53 | border-bottom: dotted 1px mix(@jumbotron-color, @jumbotron-bg, 50%); 54 | &:hover { 55 | color: @jumbotron-color; 56 | text-decoration: none; 57 | border-bottom: solid 1px @jumbotron-color; 58 | } 59 | } 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/mixins/buttons.less: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | .button-variant(@color; @background; @border) { 7 | color: @color; 8 | background-color: @background; 9 | border-color: @border; 10 | 11 | &:focus, 12 | &.focus { 13 | color: @color; 14 | background-color: darken(@background, 10%); 15 | border-color: darken(@border, 25%); 16 | } 17 | &:hover { 18 | color: @color; 19 | background-color: darken(@background, 10%); 20 | border-color: darken(@border, 12%); 21 | } 22 | &:active, 23 | &.active, 24 | .open > .dropdown-toggle& { 25 | color: @color; 26 | background-color: darken(@background, 10%); 27 | border-color: darken(@border, 12%); 28 | 29 | &:hover, 30 | &:focus, 31 | &.focus { 32 | color: @color; 33 | background-color: darken(@background, 17%); 34 | border-color: darken(@border, 25%); 35 | } 36 | } 37 | &:active, 38 | &.active, 39 | .open > .dropdown-toggle& { 40 | background-image: none; 41 | } 42 | &.disabled, 43 | &[disabled], 44 | fieldset[disabled] & { 45 | &, 46 | &:hover, 47 | &:focus, 48 | &.focus, 49 | &:active, 50 | &.active { 51 | background-color: @background; 52 | border-color: @border; 53 | } 54 | } 55 | 56 | .badge { 57 | color: @background; 58 | background-color: @color; 59 | } 60 | } 61 | 62 | // Button sizes 63 | .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { 64 | padding: @padding-vertical @padding-horizontal; 65 | font-size: @font-size; 66 | line-height: @line-height; 67 | border-radius: @border-radius; 68 | } 69 | -------------------------------------------------------------------------------- /src/_includes/examples/rotated-flipped.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Rotated & Flipped 4 | 8 |

9 |
10 |
11 |

12 |   normal
13 |   fa-rotate-90
14 |   fa-rotate-180
15 |   fa-rotate-270
16 |   fa-flip-horizontal
17 |   fa-flip-vertical 18 |

19 |
20 |
21 |

22 | To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes. 23 |

24 | {% highlight html %} 25 | normal
26 | fa-rotate-90
27 | fa-rotate-180
28 | fa-rotate-270
29 | fa-flip-horizontal
30 | icon-flip-vertical 31 | {% endhighlight %} 32 |
33 |
34 |
35 | -------------------------------------------------------------------------------- /src/assets/less/site/responsive/screen-xs.less: -------------------------------------------------------------------------------- 1 | @media (max-width: @screen-xs-max) { 2 | #icon-carousel { 3 | @size: 180px; 4 | font-size: @size; 5 | line-height: @size + 20; 6 | width: 280px; 7 | margin: 30px auto 0; 8 | } 9 | .carousel-control { 10 | top: 40%; 11 | .square(44px); 12 | font-size: 44px; 13 | line-height: 44px; 14 | left: -7px; 15 | &.right { right: -7px; } 16 | } 17 | 18 | .jumbotron-carousel { 19 | h1 { font-size: 58px; } 20 | p { font-size: 24px; } 21 | .btn-large { 22 | font-size: 20px; 23 | padding: 14px 26px; 24 | } 25 | .shameless-self-promotion { font-size: 12px; } 26 | } 27 | 28 | .jumbotron-ad { 29 | h1 { font-size: 39px; } 30 | p { 31 | font-size: 20px; 32 | margin-bottom: 20px; 33 | } 34 | } 35 | 36 | .jumbotron-icon { 37 | .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 0; } 38 | .fa-6 { font-size: 16em; } 39 | h1 small { 40 | display: block; 41 | margin-top: 15px; 42 | margin-left: 0; 43 | line-height: 20px; 44 | } 45 | } 46 | 47 | .stripe-ad .lead { 48 | margin-top: @buffer-lg; 49 | padding: 0; 50 | } 51 | 52 | #fusionads { 53 | float: none; 54 | display: block; 55 | margin-left: 0; 56 | .clearfix(); 57 | } 58 | 59 | .vertical-ad #fusionads { 60 | width: 300px; 61 | .fusion-img { 62 | float: left; 63 | padding-right: 10px; 64 | } 65 | } 66 | 67 | 68 | .fonticons { 69 | padding: 15px 0; 70 | .tagline, .action { display: block; } 71 | .tagline { margin-bottom: 10px; } 72 | } 73 | 74 | .hide-xs { display: none; } 75 | 76 | .block-xs { display: block; } 77 | 78 | .modal-footer .block-xs + .block-xs { 79 | margin-left: 0; 80 | margin-top: 10px; 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /src/_includes/examples/fixed-width.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Fixed Width Icons 4 | 8 |

9 |
10 |
11 |
12 |   Home 13 |   Library 14 |   Applications 15 |   Settings 16 |
17 |
18 |
19 |

20 | Use fa-fw to set icons at a fixed width. Great to use when different icon widths throw off alignment. 21 | Especially useful in things like nav lists & list groups. 22 |

23 | {% highlight html %} 24 |
25 |   Home 26 |   Library 27 |   Applications 28 |   Settings 29 |
30 | {% endhighlight %} 31 |
32 |
33 |
34 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/alerts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: @alert-padding; 11 | margin-bottom: @line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: @alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing @headings-color 19 | color: inherit; 20 | } 21 | 22 | // Provide class for links that match alerts 23 | .alert-link { 24 | font-weight: @alert-link-font-weight; 25 | } 26 | 27 | // Improve alignment and spacing of inner content 28 | > p, 29 | > ul { 30 | margin-bottom: 0; 31 | } 32 | 33 | > p + p { 34 | margin-top: 5px; 35 | } 36 | } 37 | 38 | // Dismissible alerts 39 | // 40 | // Expand the right padding and account for the close button's positioning. 41 | 42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 43 | .alert-dismissible { 44 | padding-right: (@alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | safe: false 2 | port: 7998 3 | baseurl: /Font-Awesome/ # Where GitHub serves the project up from 4 | url: http://localhost:7998 5 | 6 | source: src 7 | destination: _gh_pages 8 | plugins: src/_plugins 9 | 10 | pygments: true 11 | permalink: pretty 12 | 13 | # ensures SCSS files are compiled 14 | include: [_*.scss] 15 | 16 | # used in building icon pages 17 | icon_meta: src/icons.yml 18 | icon_layout: icon.html # Relative to _layouts directory 19 | icon_destination: icon # Relative to destination 20 | 21 | fontawesome: 22 | version: 4.4.0 23 | minor_version: 4.4 24 | major_version: 4 25 | doc_blob: v4.4.0 26 | url: http://fontawesome.io 27 | legacy_url: http://fortawesome.github.com/Font-Awesome/ 28 | blog_url: http://blog.fontawesome.io 29 | twitter: fontawesome 30 | tagline: The iconic font and CSS toolkit 31 | css_prefix: fa 32 | author: 33 | name: Dave Gandy 34 | email: dave@fontawesome.io 35 | twitter: davegandy 36 | github: davegandy 37 | github: 38 | url: https://github.com/FortAwesome/Font-Awesome 39 | project: Font-Awesome 40 | org: FortAwesome 41 | license: 42 | font: 43 | version: SIL OFL 1.1 44 | url: http://scripts.sil.org/OFL 45 | code: 46 | version: MIT License 47 | url: http://opensource.org/licenses/mit-license.html 48 | documentation: 49 | version: CC BY 3.0 50 | url: http://creativecommons.org/licenses/by/3.0/ 51 | 52 | bootstrap: 53 | version: 3.3.5 54 | url: http://getbootstrap.com 55 | 56 | jquery: 57 | version: 1.11.3 58 | 59 | jquery_validate: 60 | version: 1.13.1 61 | -------------------------------------------------------------------------------- /src/_includes/tests/stacked.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
Center 6 | 7 |
8 |

9 | 10 | 11 | 12 | 13 | Twitter Icon 14 | 15 | 16 | 17 | 18 | Facebook Icon 19 | 20 | 21 | 22 | 23 | GitHub Icon 24 |

25 |

26 | 27 | 28 | 29 | 30 | Twitter Icon 31 | 32 | 33 | 34 | 35 | Facebook Icon 36 | 37 | 38 | 39 | 40 | GitHub Icon 41 |

42 |

43 | 44 | 45 | 46 | 47 | Twitter Icon 48 | 49 | 50 | 51 | 52 | Facebook Icon 53 | 54 | 55 | 56 | 57 | GitHub Icon 58 |

59 | -------------------------------------------------------------------------------- /src/_includes/examples/larger.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Larger Icons 4 | 8 |

9 |
10 |
11 |

fa-lg

12 |

fa-2x

13 |

fa-3x

14 |

fa-4x

15 |

fa-5x

16 |
17 |
18 |

19 | To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, 20 | fa-3x, fa-4x, or fa-5x classes. 21 |

22 | {% highlight html %} 23 | fa-lg 24 | fa-2x 25 | fa-3x 26 | fa-4x 27 | fa-5x 28 | {% endhighlight %} 29 |
30 |
    31 |
  • 32 | 33 | If your icons are getting chopped off on top and bottom, make sure you have 34 | sufficient line-height. 35 |
    • 36 |
37 |
38 |
39 |
40 |
41 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/responsive-utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // IE10 Metro responsive 7 | // Required for Windows 8 Metro split-screen snapping with IE10 8 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ 9 | @-ms-viewport{ 10 | width: device-width; 11 | } 12 | 13 | // Hide from screenreaders and browsers 14 | // Credit: HTML5 Boilerplate 15 | .hidden { 16 | display: none; 17 | visibility: hidden; 18 | } 19 | 20 | // Visibility utilities 21 | 22 | // For desktops 23 | .visible-phone { display: none !important; } 24 | .visible-tablet { display: none !important; } 25 | .hidden-phone { } 26 | .hidden-tablet { } 27 | .hidden-desktop { display: none !important; } 28 | .visible-desktop { display: inherit !important; } 29 | 30 | // Tablets & small desktops only 31 | @media (min-width: 768px) and (max-width: 979px) { 32 | // Hide everything else 33 | .hidden-desktop { display: inherit !important; } 34 | .visible-desktop { display: none !important ; } 35 | // Show 36 | .visible-tablet { display: inherit !important; } 37 | // Hide 38 | .hidden-tablet { display: none !important; } 39 | } 40 | 41 | // Phones only 42 | @media (max-width: 767px) { 43 | // Hide everything else 44 | .hidden-desktop { display: inherit !important; } 45 | .visible-desktop { display: none !important; } 46 | // Show 47 | .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior 48 | // Hide 49 | .hidden-phone { display: none !important; } 50 | } 51 | 52 | // Print utilities 53 | .visible-print { display: none !important; } 54 | .hidden-print { } 55 | 56 | @media print { 57 | .visible-print { display: inherit !important; } 58 | .hidden-print { display: none !important; } 59 | } 60 | -------------------------------------------------------------------------------- /src/_includes/modals/download.html: -------------------------------------------------------------------------------- 1 | 35 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/responsive-767px-max.less: -------------------------------------------------------------------------------- 1 | // 2 | // Responsive: Landscape phone to desktop/tablet 3 | // -------------------------------------------------- 4 | 5 | 6 | @media (max-width: 767px) { 7 | .jumbotron, footer, #social-buttons { 8 | padding-left: 20px; 9 | padding-right: 20px; 10 | margin-right: -20px; 11 | margin-left: -20px; 12 | } 13 | 14 | #iconCarousel { 15 | @size: 180px; 16 | font-size: @size; 17 | line-height: @size; 18 | width: 280px; 19 | margin: 30px auto 0; 20 | .carousel-control { 21 | top: @size / 2; 22 | .square(44px); 23 | font-size: 44px; 24 | line-height: 44px; 25 | left: -7px; 26 | &.right { right: -7px; } 27 | } 28 | } 29 | 30 | .jumbotron-index { 31 | h1 { font-size: 58px; } 32 | p { font-size: 24px; } 33 | .btn-large { 34 | font-size: 20px; 35 | padding: 14px 26px; 36 | } 37 | .shameless-self-promotion { font-size: 12px; } 38 | } 39 | 40 | .jumbotron-ad { 41 | h1 { font-size: 39px; } 42 | p { 43 | font-size: 20px; 44 | margin-bottom: 20px; 45 | } 46 | } 47 | 48 | .jumbotron-icon { 49 | .icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6 { margin-right: 0; } 50 | .icon-6 { font-size: 16em; } 51 | h1 small { 52 | display: block; 53 | margin-top: 15px; 54 | margin-left: 0; 55 | line-height: 20px; 56 | } 57 | } 58 | 59 | .stripe-ad .lead { 60 | margin: 0 0 30px; 61 | } 62 | 63 | #carbonads-container { 64 | margin-right: -20px; 65 | margin-left: -20px; 66 | .carbonad { 67 | width: 100%; 68 | height: 120px; 69 | border-right: none; 70 | border-left: none; 71 | } 72 | } 73 | #azcarbon { 74 | width: 300px; 75 | margin: 0 auto; 76 | } 77 | 78 | .sticky-footer(170px, 40px, 40px, 60px); // sets default values for sticky footer 79 | .footer { 80 | padding-left: 20px; 81 | padding-right: 20px; 82 | } 83 | } 84 | -------------------------------------------------------------------------------- /src/_includes/tests/stacked-inside-anchor.html: -------------------------------------------------------------------------------- 1 |

2 | 3 | 4 | 5 | 6 | 7 | Twitter Icon 8 | 9 | 10 | 11 | 12 | 13 | 14 | Facebook Icon 15 | 16 | 17 | 18 | 19 | 20 | 21 | GitHub Icon 22 | 23 |

24 |

25 | 26 | 27 | 28 | 29 | 30 | Twitter Icon 31 | 32 | 33 | 34 | 35 | 36 | 37 | Facebook Icon 38 | 39 | 40 | 41 | 42 | 43 | 44 | GitHub Icon 45 | 46 |

47 |

48 | 49 | 50 | 51 | 52 | 53 | Twitter Icon 54 | 55 | 56 | 57 | 58 | 59 | 60 | Facebook Icon 61 | 62 | 63 | 64 | 65 | 66 | 67 | GitHub Icon 68 | 69 |

-------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/tooltip.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltips 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .tooltip { 8 | position: absolute; 9 | z-index: @zindexTooltip; 10 | display: block; 11 | visibility: visible; 12 | font-size: 11px; 13 | line-height: 1.4; 14 | .opacity(0); 15 | &.in { .opacity(80); } 16 | &.top { margin-top: -3px; padding: 5px 0; } 17 | &.right { margin-left: 3px; padding: 0 5px; } 18 | &.bottom { margin-top: 3px; padding: 5px 0; } 19 | &.left { margin-left: -3px; padding: 0 5px; } 20 | } 21 | 22 | // Wrapper for the tooltip content 23 | .tooltip-inner { 24 | max-width: 200px; 25 | padding: 8px; 26 | color: @tooltipColor; 27 | text-align: center; 28 | text-decoration: none; 29 | background-color: @tooltipBackground; 30 | .border-radius(@baseBorderRadius); 31 | } 32 | 33 | // Arrows 34 | .tooltip-arrow { 35 | position: absolute; 36 | width: 0; 37 | height: 0; 38 | border-color: transparent; 39 | border-style: solid; 40 | } 41 | .tooltip { 42 | &.top .tooltip-arrow { 43 | bottom: 0; 44 | left: 50%; 45 | margin-left: -@tooltipArrowWidth; 46 | border-width: @tooltipArrowWidth @tooltipArrowWidth 0; 47 | border-top-color: @tooltipArrowColor; 48 | } 49 | &.right .tooltip-arrow { 50 | top: 50%; 51 | left: 0; 52 | margin-top: -@tooltipArrowWidth; 53 | border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0; 54 | border-right-color: @tooltipArrowColor; 55 | } 56 | &.left .tooltip-arrow { 57 | top: 50%; 58 | right: 0; 59 | margin-top: -@tooltipArrowWidth; 60 | border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth; 61 | border-left-color: @tooltipArrowColor; 62 | } 63 | &.bottom .tooltip-arrow { 64 | top: 0; 65 | left: 50%; 66 | margin-left: -@tooltipArrowWidth; 67 | border-width: 0 @tooltipArrowWidth @tooltipArrowWidth; 68 | border-bottom-color: @tooltipArrowColor; 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /src/assets/less/site/bootstrap/jumbotron.less: -------------------------------------------------------------------------------- 1 | .jumbotron { 2 | background-color: lighten(@jumbotron-bg, 2%); 3 | border-top: 1px solid mix(@jumbotron-bg, @jumbotron-color, 90%); 4 | border-bottom: 1px solid @jumbotron-border; 5 | margin-bottom: 0; 6 | &, h1 { color: @jumbotron-color; } 7 | padding: 50px 0 40px; 8 | 9 | h1 { 10 | font-size: 80px; 11 | letter-spacing: -2px; 12 | line-height: 1; 13 | margin: 0 0 15px; 14 | } 15 | p { 16 | font-family: @font-family-alt; 17 | margin-top: 15px; 18 | margin-bottom: 15px; 19 | font-size: 24px; 20 | line-height: 1.3; 21 | font-weight: lighter; 22 | } 23 | } 24 | 25 | .jumbotron-ad, .jumbotron-carousel { 26 | h1 { 27 | text-shadow: 4px 3px 0px @jumbotron-bg, 9px 8px 0px rgba(0,0,0,0.15); // double text shadow 28 | } 29 | p { 30 | color: mix(@jumbotron-color, @jumbotron-bg, 75%); 31 | text-shadow: 0 1px 0 rgba(0,0,0,0.15); 32 | } 33 | 34 | } 35 | 36 | .jumbotron-icon { 37 | padding: 30px 0 25px; 38 | background-color: @gray-lighter; 39 | color: @gray-darker; 40 | &, h1 { text-shadow: 0 1px 0 #fff; } 41 | border-bottom-color: mix(@gray-light, @gray-lighter, 25%); 42 | border-top-color: mix(#fff, @gray-lighter, 50%); 43 | h1 { 44 | color: @gray-darker; 45 | margin-top: @buffer-lg; 46 | small { 47 | letter-spacing: normal; 48 | font-family: @font-family-sans-serif; 49 | font-size: @font-size-base; 50 | margin-left: 20px; 51 | } 52 | } 53 | 54 | .info-icons { 55 | font-size: @font-size-base; 56 | } 57 | .info-details { 58 | float: left; 59 | p { 60 | margin: 25px 0; 61 | font-weight: bold; 62 | } 63 | .dl-horizontal { 64 | dt { width: @component-offset-horizontal - 100; } 65 | dd { margin-left: @component-offset-horizontal - 85; } 66 | } 67 | } 68 | .fa-2 { font-size: 2em; } 69 | .fa-3 { font-size: 4em; } 70 | .fa-4 { font-size: 7em; } 71 | .fa-5 { font-size: 12em; } 72 | .fa-6 { font-size: 20em; } 73 | 74 | .fa-1, .fa-2, .fa-3, .fa-4, .fa-5, .fa-6 { margin-right: 1/14em; } 75 | } 76 | 77 | h1.info-class { 78 | font-size: 30px; 79 | } -------------------------------------------------------------------------------- /src/_includes/why.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

One Font, {{ icons | size }} Icons

5 | In a single collection, Font Awesome is a pictographic language of web-related actions. 6 |
7 |
8 |

No JavaScript Required

9 | Fewer compatibility concerns because Font Awesome doesn't require JavaScript. 10 |
11 |
12 |

Infinite Scalability

13 | Scalable vector graphics means every icon looks awesome at any size. 14 |
15 |
16 |

Free, as in Speech

17 | Font Awesome is completely free for commercial use. Check out the license. 18 |
19 |
20 |

CSS Control

21 | Easily style icon color, size, shadow, and anything that's possible with CSS. 22 |
23 |
24 |

Perfect on Retina Displays

25 | Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. 26 |
27 |
28 |

Plays Well with Others

29 | Originally designed for Bootstrap, Font Awesome works great with all frameworks. 30 |
31 |
32 |

Desktop Friendly

33 | To use on the desktop or for a complete set of vectors, 34 | check out the cheatsheet. 35 |
36 |
37 |

Screen Reader Compatible

38 | Font Awesome won't trip up screen readers, unlike other icon fonts. 39 |
40 |
41 |
42 | -------------------------------------------------------------------------------- /src/_includes/examples/animated.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | Animated Icons 4 | 8 |

9 |
10 |
11 |

12 | 13 | 14 | 15 | 16 | 17 |

18 |
19 |
20 |

21 | Use the fa-spin class to get any icon to rotate, and use fa-pulse to have it rotate 22 | with 8 steps. Works well with fa-spinner, fa-refresh, and fa-cog. 23 |

24 | {% highlight html %} 25 | 26 | 27 | 28 | 29 | 30 | {% endhighlight %} 31 |

32 | 33 | Some browsers on some platforms have issues with animated icons resulting in a jittery wobbling effect. See 34 | issue #671 35 | for examples and possible workarounds. 36 |

37 |

38 | CSS3 animations aren't supported in IE8 - IE9. 39 |

40 |
41 |
42 |
43 | -------------------------------------------------------------------------------- /src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels and badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base classes 7 | .label, 8 | .badge { 9 | display: inline-block; 10 | padding: 2px 4px; 11 | font-size: @baseFontSize * .846; 12 | font-weight: bold; 13 | line-height: 14px; // ensure proper line-height if floated 14 | color: @white; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-shadow: 0 -1px 0 rgba(0,0,0,.25); 18 | background-color: @grayLight; 19 | } 20 | // Set unique padding and border-radii 21 | .label { 22 | .border-radius(3px); 23 | } 24 | .badge { 25 | padding-left: 9px; 26 | padding-right: 9px; 27 | .border-radius(9px); 28 | } 29 | 30 | // Empty labels/badges collapse 31 | .label, 32 | .badge { 33 | &:empty { 34 | display: none; 35 | } 36 | } 37 | 38 | // Hover/focus state, but only for links 39 | a { 40 | &.label:hover, 41 | &.label:focus, 42 | &.badge:hover, 43 | &.badge:focus { 44 | color: @white; 45 | text-decoration: none; 46 | cursor: pointer; 47 | } 48 | } 49 | 50 | // Colors 51 | // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) 52 | .label, 53 | .badge { 54 | // Important (red) 55 | &-important { background-color: @errorText; } 56 | &-important[href] { background-color: darken(@errorText, 10%); } 57 | // Warnings (orange) 58 | &-warning { background-color: @orange; } 59 | &-warning[href] { background-color: darken(@orange, 10%); } 60 | // Success (green) 61 | &-success { background-color: @successText; } 62 | &-success[href] { background-color: darken(@successText, 10%); } 63 | // Info (turquoise) 64 | &-info { background-color: @infoText; } 65 | &-info[href] { background-color: darken(@infoText, 10%); } 66 | // Inverse (black) 67 | &-inverse { background-color: @grayDark; } 68 | &-inverse[href] { background-color: darken(@grayDark, 10%); } 69 | } 70 | 71 | // Quick fix for labels/badges in buttons 72 | .btn { 73 | .label, 74 | .badge { 75 | position: relative; 76 | top: -1px; 77 | } 78 | } 79 | .btn-mini { 80 | .label, 81 | .badge { 82 | top: 0; 83 | } 84 | } 85 | -------------------------------------------------------------------------------- /src/assets/less/bootstrap-3.3.5/progress-bars.less: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // Bar animations 7 | // ------------------------- 8 | 9 | // WebKit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Spec and IE10+ 16 | @keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | 22 | // Bar itself 23 | // ------------------------- 24 | 25 | // Outer container 26 | .progress { 27 | overflow: hidden; 28 | height: @line-height-computed; 29 | margin-bottom: @line-height-computed; 30 | background-color: @progress-bg; 31 | border-radius: @progress-border-radius; 32 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 33 | } 34 | 35 | // Bar of progress 36 | .progress-bar { 37 | float: left; 38 | width: 0%; 39 | height: 100%; 40 | font-size: @font-size-small; 41 | line-height: @line-height-computed; 42 | color: @progress-bar-color; 43 | text-align: center; 44 | background-color: @progress-bar-bg; 45 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 46 | .transition(width .6s ease); 47 | } 48 | 49 | // Striped bars 50 | // 51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the 52 | // `.progress-bar-striped` class, which you just add to an existing 53 | // `.progress-bar`. 54 | .progress-striped .progress-bar, 55 | .progress-bar-striped { 56 | #gradient > .striped(); 57 | background-size: 40px 40px; 58 | } 59 | 60 | // Call animation for the active one 61 | // 62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the 63 | // `.progress-bar.active` approach. 64 | .progress.active .progress-bar, 65 | .progress-bar.active { 66 | .animation(progress-bar-stripes 2s linear infinite); 67 | } 68 | 69 | 70 | // Variations 71 | // ------------------------- 72 | 73 | .progress-bar-success { 74 | .progress-bar-variant(@progress-bar-success-bg); 75 | } 76 | 77 | .progress-bar-info { 78 | .progress-bar-variant(@progress-bar-info-bg); 79 | } 80 | 81 | .progress-bar-warning { 82 | .progress-bar-variant(@progress-bar-warning-bg); 83 | } 84 | 85 | .progress-bar-danger { 86 | .progress-bar-variant(@progress-bar-danger-bg); 87 | } 88 | -------------------------------------------------------------------------------- /src/_includes/stripe-social.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 |
7 | 8 |
9 |
10 |
11 | 16 |
17 |
18 |
19 | 20 | 34 |
35 |
36 | --------------------------------------------------------------------------------