From 39905502b8519a4206ebb1763bcffd7a24ad2024 Mon Sep 17 00:00:00 2001
From: Geremia Taglialatela <tagliala.dev@gmail.com>
Date: Sun, 18 Dec 2016 19:22:37 +0100
Subject: [PATCH] Fix cheatsheet print layout

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
---
 src/assets/less/site.less       | 1 +
 src/assets/less/site/print.less | 5 +++++
 src/cheatsheet.html             | 2 +-
 3 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/less/site/print.less

diff --git a/src/assets/less/site.less b/src/assets/less/site.less
index 5207be2e4..54bf1da08 100644
--- a/src/assets/less/site.less
+++ b/src/assets/less/site.less
@@ -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";
diff --git a/src/assets/less/site/print.less b/src/assets/less/site/print.less
new file mode 100644
index 000000000..5ebe6a8f8
--- /dev/null
+++ b/src/assets/less/site/print.less
@@ -0,0 +1,5 @@
+@media print {
+  .col-print-4 {
+    .make-xs-column(4);
+  }
+}
diff --git a/src/cheatsheet.html b/src/cheatsheet.html
index d33e22ca4..6a9efcbd4 100644
--- a/src/cheatsheet.html
+++ b/src/cheatsheet.html
@@ -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 }}