FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-12-26 21:41:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix cheatsheet print layout

Browse Source 
This PR changes the print layout, showing three icons per row instead of
one. In this way we can solve an issue with the Bootstrap grid, which
for some reason limits the output to three pages when printing the
cheatsheet.

Fix: #10395
This commit is contained in:
Geremia Taglialatela 2016-12-18 19:22:37 +01:00
parent d445932937
commit 39905502b8
No known key found for this signature in database
GPG Key ID: 4A6344430AD4E29F
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/less/site.less
View File

@ -18,6 +18,7 @@
@import "site/bootstrap/modals";
@import "site/layout";
@import "site/print";
@import "site/social-buttons";
@import "site/jumbotron-carousel";
@import "site/stripe-ad";

5
src/assets/less/site/print.less Normal file
View File

@ -0,0 +1,5 @@
@media print {
.col-print-4 {
.make-xs-column(4);
}
}

2
src/cheatsheet.html
View File

@ -23,7 +23,7 @@ relative_path: ../
{% assign sorted_icons = icons | expand_aliases | sort_by:'class' %}
{% for icon in sorted_icons %}
<div class="col-md-4 col-sm-6 col-lg-3">
<div class="col-md-4 col-sm-6 col-lg-3 col-print-4">
{% if icon.created >= site.fontawesome.major_version %}<small class="text-muted pull-right">{{ icon.created }}</small>{% endif %}
<i class="fa fa-fw" aria-hidden="true" title="Copy to use {{ icon.class }}">&#x{{ icon.unicode }}</i>
fa-{{ icon.class }}