[MIM-2030] Mim 2030 print css (#3032)

* MIM-2030: Started on print.css

* More styling print

* MIM-2030:Fjernet divider og litt mindre h1

* lint main.scss

* Some refactoring

src/main/resources/assets/styles/_print.scss

@@ -0,0 +1,77 @@
+@media print {
+  @page {
+    margin-top: 2rem !important;
+  }
+
+  body {
+    zoom: 70% !important;
+  }
+
+  .container {
+    width: 100% !important;
+    min-width: 992px !important;
+  }
+
+  .title-ingress-wrapper {
+    margin-top: 0rem !important;
+    padding-top: 0rem !important;
+
+    h1 {
+      font-size: 3rem;
+    }
+  }
+
+  // Hide from print
+  #breadcrumbs,
+  #popup,
+  #footer,
+  .global-links,
+  .header-content,
+  .hamburger,
+  .highcharts-exporting-group,
+  .mobileMenuDivider,
+  .show-datatable,
+  .part-related-articles,
+  .part-picture-card,
+  .part-related-external-links,
+  .part-related-statistics,
+  .part-divider,
+  .download-table-container {
+    display: none !important;
+  }
+
+  .highchart-wrapper {
+    margin-top: 0 !important;
+  }
+
+  // Avoid page-break
+  .highchart-wrapper,
+  .part-static-visualization,
+  .part-table,
+  img {
+    page-break-inside: avoid;
+  }
+
+  .article {
+    .associated-statistics,
+    .associated-article-archives {
+      display: none !important;
+    }
+
+    .ssb-expansion-box .content {
+      max-height: none;
+      opacity: 1;
+    }
+  }
+
+  .part-static-visualization {
+    .ssb-expansion-box .content {
+      max-height: none;
+      opacity: 1;
+    }
+
+    .ssb-tabs {
+      display: none !important;
+    }
+  }
+}

src/main/resources/assets/styles/main.scss

@@ -89,7 +89,8 @@ $container-max-widths: (
 @import './statisticFigures';
 @import './statisticDescription';
 @import './statisticContact';
-@import "./popup";
+@import './popup';
+@import './print';
 
 body {
   -moz-osx-font-smoothing: grayscale;
@@ -185,7 +186,8 @@ section.part-divider + section.part-divider {
 .truncate-2-lines {
   overflow: hidden;
   display: -webkit-box;
-  -webkit-line-clamp: 2; /* number of lines to show */
+  -webkit-line-clamp: 2;
+  /* number of lines to show */
   -webkit-box-orient: vertical;
 }
 
@@ -196,9 +198,11 @@ section.part-divider + section.part-divider {
   opacity: 0;
   transition: opacity 0.2s ease-in-out;
 }
+
 .anchor-wrapper {
   border: none;
 }
+
 .anchor-wrapper:hover .link-anchor {
   opacity: 1;
 }