Created separated print.less files

build/less/AdminLTE.less

@@ -52,15 +52,6 @@
 @import "404_500_errors.less";
 @import "invoice.less";
 
-//Skins
-//-------
-//@import "skins/skin-blue.less";
-//@import "skins/skin-black.less";
-//@import "skins/skin-red.less";
-//@import "skins/skin-green.less";
-//@import "skins/skin-yellow.less";
-//@import "skins/skin-purple.less";
-
 //Plugins
 //--------
 @import "bootstrap-social.less";
@@ -69,3 +60,4 @@
 //Miscellaneous
 //-------------
 @import "miscellaneous.less";
+@import "print.less";

build/less/core.less

@@ -135,7 +135,9 @@ h6,
 a {
   color: @link-color;
 }
-a:hover, a:active, a:focus {
+a:hover,
+a:active,
+a:focus {
   outline: none;
   text-decoration: none;
   color: @link-hover-color;
@@ -152,24 +154,3 @@ a:hover, a:active, a:focus {
     margin-top: 5px;
   }
 }
-
-/* Don't display when printing */
-@media print {
-  //Add to elements that you do not want to show when printing
-  .no-print {
-    display: none;
-  }
-
-  //Elements that we want to hide when printing
-  .main-sidebar,
-  .left-side,
-  .main-header,
-  .content-header {
-    display: none;
-  }
-  //This is the only element that should appear, so let's remove the margins
-  .content-wrapper,
-  .right-side {
-    margin: 0!important;
-  }
-}

build/less/invoice.less

@@ -14,26 +14,3 @@
 .invoice-title {
   margin-top: 0;
 }
-
-/* Enhancement for printing */
-@media print {
-  .invoice {
-    width: 100%;
-    border: 0;
-    margin: 0;
-    padding: 0;
-  }
-  .invoice-col {
-    float: left;
-    width: 33.3333333%;
-  }
-
-  .table-responsive {
-    overflow: auto;
-    > .table tr th,
-    > .table tr td {
-      white-space: normal!important;
-    }
-  }
-
-}

build/less/print.less

@@ -0,0 +1,48 @@
+/*
+ * Misc: print
+ * -----------
+ */
+@media print {
+  //Add to elements that you do not want to show when printing
+  .no-print {
+    display: none!important;
+  }
+  //Elements that we want to hide when printing
+  .main-sidebar,
+  .left-side,
+  .main-header,
+  .content-header {
+    &:extend(.no-print);
+  }
+  //This is the only element that should appear, so let's remove the margins
+  .content-wrapper,
+  .right-side,
+  .main-footer {
+    margin-left: 0!important;    
+    min-height: 0!important;
+    .translate(0,0)!important;     
+  }
+  .fixed .content-wrapper,
+  .fixed .right-side {
+    padding-top: 0!important;
+  }
+  //Invoice printing
+  .invoice {
+    width: 100%;
+    border: 0;
+    margin: 0;
+    padding: 0;
+  }
+  .invoice-col {
+    float: left;
+    width: 33.3333333%;
+  }
+  //Make sure table content displays properly
+  .table-responsive {
+    overflow: auto;
+    > .table tr th,
+    > .table tr td {
+      white-space: normal!important;
+    }
+  }
+}

build/less/sidebar.less

@@ -79,7 +79,6 @@
   list-style: none;
   margin: 0;
   padding: 0;
-
   > li {
     position: relative;
     margin: 0;

dist/css/AdminLTE.css

@@ -177,22 +177,6 @@ a:focus {
   display: block;
   margin-top: 5px;
 }
-/* Don't display when printing */
-@media print {
-  .no-print {
-    display: none;
-  }
-  .main-sidebar,
-  .left-side,
-  .main-header,
-  .content-header {
-    display: none;
-  }
-  .content-wrapper,
-  .right-side {
-    margin: 0!important;
-  }
-}
 /*
  * Component: Main Header
  * ----------------------
@@ -2849,26 +2833,6 @@ table.text-center th {
 .invoice-title {
   margin-top: 0;
 }
-/* Enhancement for printing */
-@media print {
-  .invoice {
-    width: 100%;
-    border: 0;
-    margin: 0;
-    padding: 0;
-  }
-  .invoice-col {
-    float: left;
-    width: 33.3333333%;
-  }
-  .table-responsive {
-    overflow: auto;
-  }
-  .table-responsive > .table tr th,
-  .table-responsive > .table tr td {
-    white-space: normal!important;
-  }
-}
 /*
  * Plugin: Social Buttons
  * ----------------------
@@ -4061,3 +4025,47 @@ Gradient Background colors
   opacity: 1;
   filter: alpha(opacity=100);
 }
+/*
+ * Misc: print
+ * -----------
+ */
+@media print {
+  .no-print,
+  .main-sidebar,
+  .left-side,
+  .main-header,
+  .content-header {
+    display: none!important;
+  }
+  .content-wrapper,
+  .right-side,
+  .main-footer {
+    margin-left: 0!important;
+    min-height: 0!important;
+    -webkit-transform: translate(0, 0) !important;
+    -ms-transform: translate(0, 0) !important;
+    -o-transform: translate(0, 0) !important;
+    transform: translate(0, 0) !important;
+  }
+  .fixed .content-wrapper,
+  .fixed .right-side {
+    padding-top: 0!important;
+  }
+  .invoice {
+    width: 100%;
+    border: 0;
+    margin: 0;
+    padding: 0;
+  }
+  .invoice-col {
+    float: left;
+    width: 33.3333333%;
+  }
+  .table-responsive {
+    overflow: auto;
+  }
+  .table-responsive > .table tr th,
+  .table-responsive > .table tr td {
+    white-space: normal!important;
+  }
+}