Screen Reader Compatible
diff --git a/build/assets/font-awesome/css/font-awesome.css b/build/assets/font-awesome/css/font-awesome.css
index 210539113..98dc7df9f 100644
--- a/build/assets/font-awesome/css/font-awesome.css
+++ b/build/assets/font-awesome/css/font-awesome.css
@@ -78,6 +78,8 @@ ul.icons-ul {
}
ul.icons-ul > li .icon-li {
width: 0.7142857142857143em;
+ display: inline-block;
+ text-align: center;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
@@ -181,12 +183,6 @@ ul.icons-ul > li .icon-li {
background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
-.btn [class^="icon-"],
-.nav [class^="icon-"],
-.btn [class*=" icon-"],
-.nav [class*=" icon-"] {
- display: inline;
-}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
diff --git a/build/assets/font-awesome/less/bootstrap.less b/build/assets/font-awesome/less/bootstrap.less
index 243f16676..444e29804 100644
--- a/build/assets/font-awesome/less/bootstrap.less
+++ b/build/assets/font-awesome/less/bootstrap.less
@@ -32,11 +32,12 @@
background-image: none;
}
+
/* keeps Bootstrap styles with and without icons the same */
.btn, .nav {
[class^="icon-"],
[class*=" icon-"] {
- display: inline;
+// display: inline;
&.icon-large { line-height: .9em; }
&.icon-spin { display: inline-block; }
}
diff --git a/build/assets/font-awesome/less/core.less b/build/assets/font-awesome/less/core.less
index 45b23ef9b..815d329e6 100644
--- a/build/assets/font-awesome/less/core.less
+++ b/build/assets/font-awesome/less/core.less
@@ -53,6 +53,8 @@ ul.icons-ul {
> li {
.icon-li {
width: 10/14em;
+ display: inline-block;
+ text-align: center;
}
}
}
diff --git a/build/assets/js/site.js b/build/assets/js/site.js
index 3f308947c..06ec96b6f 100644
--- a/build/assets/js/site.js
+++ b/build/assets/js/site.js
@@ -10,10 +10,10 @@ $(function() {
// Disable links with href="#" inside
, so users can click on them
// to preview :active state without being scrolled up to the top of the page.
- $('section a[href="#"]').click(function(e) {
- e.preventDefault();
- e.stopPropagation();
- });
+// $('section a[href="#"]').click(function(e) {
+// e.preventDefault();
+// e.stopPropagation();
+// });
// // inject twitter & github counts
// $.ajax({
// url: 'http://api.twitter.com/1/users/show.json',
diff --git a/build/design.html b/build/design.html
deleted file mode 100644
index 2c51df4d8..000000000
--- a/build/design.html
+++ /dev/null
@@ -1,324 +0,0 @@
----
-layout: base
-title: Using Font Awesome in Your Designs
-relative_path: ./
----
-{% capture jumbotron_h1 %} Copy & Paste{% endcapture %}
-{% capture jumbotron_p %}Install FontAwesome.otf on your system. Then, copy and paste any of these icons to use them in your mockups & designs.{% endcapture %}
-
-{% include jumbotron.html %}
-
-
diff --git a/build/icons/print-design/index.html b/build/icons/print-design/index.html
new file mode 100644
index 000000000..dcfa3687b
--- /dev/null
+++ b/build/icons/print-design/index.html
@@ -0,0 +1,14 @@
+---
+layout: base
+title: Using Font Awesome in Your Designs
+relative_path: ../../
+---
+{% capture jumbotron_h1 %} Print & Design{% endcapture %}
+{% capture jumbotron_p %}Print this page to PDF or copy & paste for use in your designs{% endcapture %}
+
+{% include jumbotron.html %}
+{% include stripe-social.html %}
+
+
+ {% include icons/print-design.html %}
+
Designer Friendly
- Install FontAwesome.otf and visit the copy & paste page. Happy designing. +Design Friendly
+ To use on the desktop or for a complete set of vectors, + check out the print & design page.Screen Reader Compatible
diff --git a/build/assets/font-awesome/css/font-awesome.css b/build/assets/font-awesome/css/font-awesome.css index 210539113..98dc7df9f 100644 --- a/build/assets/font-awesome/css/font-awesome.css +++ b/build/assets/font-awesome/css/font-awesome.css @@ -78,6 +78,8 @@ ul.icons-ul { } ul.icons-ul > li .icon-li { width: 0.7142857142857143em; + display: inline-block; + text-align: center; } [class^="icon-"].hide, [class*=" icon-"].hide { @@ -181,12 +183,6 @@ ul.icons-ul > li .icon-li { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ -.btn [class^="icon-"], -.nav [class^="icon-"], -.btn [class*=" icon-"], -.nav [class*=" icon-"] { - display: inline; -} .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, diff --git a/build/assets/font-awesome/less/bootstrap.less b/build/assets/font-awesome/less/bootstrap.less index 243f16676..444e29804 100644 --- a/build/assets/font-awesome/less/bootstrap.less +++ b/build/assets/font-awesome/less/bootstrap.less @@ -32,11 +32,12 @@ background-image: none; } + /* keeps Bootstrap styles with and without icons the same */ .btn, .nav { [class^="icon-"], [class*=" icon-"] { - display: inline; +// display: inline; &.icon-large { line-height: .9em; } &.icon-spin { display: inline-block; } } diff --git a/build/assets/font-awesome/less/core.less b/build/assets/font-awesome/less/core.less index 45b23ef9b..815d329e6 100644 --- a/build/assets/font-awesome/less/core.less +++ b/build/assets/font-awesome/less/core.less @@ -53,6 +53,8 @@ ul.icons-ul { > li { .icon-li { width: 10/14em; + display: inline-block; + text-align: center; } } } diff --git a/build/assets/js/site.js b/build/assets/js/site.js index 3f308947c..06ec96b6f 100644 --- a/build/assets/js/site.js +++ b/build/assets/js/site.js @@ -10,10 +10,10 @@ $(function() { // Disable links with href="#" inside-- icon-glass ()
- - icon-music ()
- - icon-search ()
- - icon-envelope ()
- - icon-heart ()
- - icon-star ()
- - icon-star-empty ()
- - icon-user ()
- - icon-film ()
- - icon-th-large ()
- - icon-th ()
- - icon-th-list ()
- - icon-ok ()
- - icon-remove ()
- - icon-zoom-in ()
- - icon-zoom-out ()
- - icon-off ()
- - icon-signal ()
- - icon-cog ()
- - icon-trash ()
- - icon-home ()
- - icon-file ()
- - icon-time ()
- - icon-road ()
- - icon-download-alt ()
- - icon-download ()
- - icon-upload ()
- - icon-inbox ()
- - icon-play-circle ()
- - icon-repeat ()
- - icon-refresh ()
- - icon-list-alt ()
- - icon-lock ()
- - icon-flag ()
- - icon-headphones ()
- - icon-volume-off ()
- - icon-volume-down ()
- - icon-volume-up ()
- - icon-qrcode ()
- - icon-barcode ()
- - icon-tag ()
- - icon-tags ()
- - icon-book ()
- - icon-bookmark ()
- - icon-print ()
- - icon-camera ()
- - icon-font ()
- - icon-bold ()
- - icon-italic ()
- - icon-text-height ()
- - icon-text-width ()
- - icon-align-left ()
- - icon-align-center ()
- - icon-align-right ()
- - icon-align-justify ()
- - icon-list ()
- - icon-indent-left ()
- - icon-indent-right ()
- - icon-facetime-video ()
- - icon-picture ()
- - icon-pencil ()
- - icon-map-marker ()
- - icon-adjust ()
- - icon-tint ()
- - icon-edit ()
- - icon-share ()
- - icon-check ()
- - icon-move ()
- - icon-step-backward ()
- - icon-fast-backward ()
- - icon-backward ()
- - icon-play ()
- - icon-pause ()
- - icon-stop ()
- - icon-forward ()
- - icon-fast-forward ()
- - icon-step-forward ()
- - icon-eject ()
- - icon-chevron-left ()
- - icon-chevron-right ()
- - icon-plus-sign ()
- - icon-minus-sign ()
- - icon-remove-sign ()
- - icon-ok-sign ()
- - icon-question-sign ()
- - icon-info-sign ()
- - icon-screenshot ()
- - icon-remove-circle ()
- - icon-ok-circle ()
- - icon-ban-circle ()
- - icon-arrow-left ()
- - icon-arrow-right ()
- - icon-arrow-up ()
- - icon-arrow-down ()
- - icon-share-alt ()
- - icon-resize-full ()
- - icon-resize-small ()
- - icon-plus ()
- - icon-minus ()
-
--- icon-asterisk ()
- - icon-exclamation-sign ()
- - icon-gift ()
- - icon-leaf ()
- - icon-fire ()
- - icon-eye-open ()
- - icon-eye-close ()
- - icon-warning-sign ()
- - icon-plane ()
- - icon-calendar ()
- - icon-random ()
- - icon-comment ()
- - icon-magnet ()
- - icon-chevron-up ()
- - icon-chevron-down ()
- - icon-retweet ()
- - icon-shopping-cart ()
- - icon-folder-close ()
- - icon-folder-open ()
- - icon-resize-vertical ()
- - icon-resize-horizontal ()
- - icon-bar-chart ()
- - icon-twitter-sign ()
- - icon-facebook-sign ()
- - icon-camera-retro ()
- - icon-key ()
- - icon-cogs ()
- - icon-comments ()
- - icon-thumbs-up ()
- - icon-thumbs-down ()
- - icon-star-half ()
- - icon-heart-empty ()
- - icon-signout ()
- - icon-linkedin-sign ()
- - icon-pushpin ()
- - icon-external-link ()
- - icon-signin ()
- - icon-trophy ()
- - icon-github-sign ()
- - icon-upload-alt ()
- - icon-lemon ()
- - icon-phone ()
- - icon-check-empty ()
- - icon-bookmark-empty ()
- - icon-phone-sign ()
- - icon-twitter ()
- - icon-facebook ()
- - icon-github ()
- - icon-unlock ()
- - icon-credit-card ()
- - icon-rss ()
- - icon-hdd ()
- - icon-bullhorn ()
- - icon-bell ()
- - icon-certificate ()
- - icon-hand-right ()
- - icon-hand-left ()
- - icon-hand-up ()
- - icon-hand-down ()
- - icon-circle-arrow-left ()
- - icon-circle-arrow-right ()
- - icon-circle-arrow-up ()
- - icon-circle-arrow-down ()
- - icon-globe ()
- - icon-wrench ()
- - icon-tasks ()
- - icon-filter ()
- - icon-briefcase ()
- - icon-fullscreen ()
- - icon-group ()
- - icon-link ()
- - icon-cloud ()
- - icon-beaker ()
- - icon-cut ()
- - icon-copy ()
- - icon-paper-clip ()
- - icon-save ()
- - icon-sign-blank ()
- - icon-reorder ()
- - icon-list-ul ()
- - icon-list-ol ()
- - icon-strikethrough ()
- - icon-underline ()
- - icon-table ()
- - icon-magic ()
- - icon-truck ()
- - icon-pinterest ()
- - icon-pinterest-sign ()
- - icon-google-plus-sign ()
- - icon-google-plus ()
- - icon-money ()
- - icon-caret-down ()
- - icon-caret-up ()
- - icon-caret-left ()
- - icon-caret-right ()
- - icon-columns ()
- - icon-sort ()
- - icon-sort-down ()
- - icon-sort-up ()
-
--- icon-envelope-alt ()
- - icon-linkedin ()
- - icon-undo ()
- - icon-legal ()
- - icon-dashboard ()
- - icon-comment-alt ()
- - icon-comments-alt ()
- - icon-bolt ()
- - icon-sitemap ()
- - icon-umbrella ()
- - icon-paste ()
- - icon-lightbulb ()
- - icon-exchange ()
- - icon-cloud-download ()
- - icon-cloud-upload ()
- - icon-user-md ()
- - icon-stethoscope ()
- - icon-suitcase ()
- - icon-bell-alt ()
- - icon-coffee ()
- - icon-food ()
- - icon-file-alt ()
- - icon-building ()
- - icon-hospital ()
- - icon-ambulance ()
- - icon-medkit ()
- - icon-fighter-jet ()
- - icon-beer ()
- - icon-h-sign ()
- - icon-plus-sign-alt ()
- - icon-double-angle-left ()
- - icon-double-angle-right ()
- - icon-double-angle-up ()
- - icon-double-angle-down ()
- - icon-angle-left ()
- - icon-angle-right ()
- - icon-angle-up ()
- - icon-angle-down ()
- - icon-desktop ()
- - icon-laptop ()
- - icon-tablet ()
- - icon-mobile-phone ()
- - icon-circle-blank ()
- - icon-quote-left ()
- - icon-quote-right ()
- - icon-spinner ()
- - icon-circle ()
- - icon-reply ()
- - icon-folder-close-alt ()
- - icon-folder-open-alt ()
- - icon-expand-alt ()
- - icon-collapse-alt ()
- - icon-smile ()
- - icon-frown ()
- - icon-meh ()
- - icon-gamepad ()
- - icon-keyboard ()
- - icon-flag-alt ()
- - icon-flag-checkered ()
- - icon-terminal ()
- - icon-code ()
- - icon-reply-all ()
- - icon-mail-reply-all ()
- - icon-star-half-empty ()
- - icon-location-arrow ()
- - icon-crop ()
- - icon-code-fork ()
- - icon-unlink ()
- - icon-question ()
- - icon-info ()
- - icon-exclamation ()
- - icon-superscript ()
- - icon-subscript ()
- - icon-eraser ()
- - icon-puzzle-piece ()
- - icon-microphone ()
- - icon-microphone-off ()
- - icon-shield ()
- - icon-calendar-empty ()
- - icon-fire-extinguisher ()
- - icon-rocket ()
- - icon-maxcdn ()
- - icon-chevron-sign-left ()
- - icon-chevron-sign-right ()
- - icon-chevron-sign-up ()
- - icon-chevron-sign-down ()
- - icon-html5 ()
- - icon-css3 ()
- - icon-anchor ()
- - icon-unlock-alt ()
- - icon-bullseye ()
- - icon-ellipsis-horizontal ()
- - icon-ellipsis-vertical ()
- - icon-rss-sign ()
- - icon-play-sign ()
- - icon-ticket ()
- - icon-minus-sign-alt ()
- - icon-check-minus ()
-
-