added print tool to cards

web/themes/custom/materiotheme/assets/styles/print.scss

@@ -0,0 +1,87 @@
+@import './base/fonts';
+
+body{
+  margin:0;
+  padding: 0;
+}
+
+#printable-root-page{
+  // outline: 1px solid blue;
+  box-sizing: border-box;
+  width: 21cm;
+  padding: 1cm .5cm 2cm;
+
+  >header{
+    display: flex;
+    flex-flow: nowrap;
+    align-items: baseline;
+    h1{
+      margin:0;
+      font-weight: 600;
+    }
+  }
+
+  >article{
+    padding-top: 1em;
+    >h2{
+      font-weight: 600;
+      margin:0;
+      // display: inline-block;
+    }
+    // .field--name-field-short-description{}
+    .field--name-field-reference{
+      // display: inline-block;
+      margin:0 0 1em 0;
+    }
+    .field--name-body,
+    .field--name-field-samples{
+      display: inline-block;
+      vertical-align: top;
+    }
+    .field--name-body{
+      width: 75%;
+      p{
+        margin:0;
+      }
+    }
+    .field__label{
+      font-size: 0.756em;
+      font-weight: 700;
+    }
+    .field--name-field-samples{
+      width:23%;
+      text-align: right;
+      .field__item{
+        font-size: 0.756em;
+      }
+    }
+
+    .field--name-field-manufacturer,
+    .field--name-field-distributor{
+      margin-top: 1em;
+      display: inline-block;
+      width:49%;
+      .taxonomy-term{
+        >h2{
+          margin:0;
+          font-weight: 600;
+          font-size: 1em;
+        }
+        p{ margin:0;}
+      }
+    }
+    .field--name-field-materiau-images{
+      margin-top: 1em;
+      display: flex;
+      flex-flow: row wrap;
+      justify-content: space-between;
+      .field__item{
+        flex:0 0 33%;
+        img{
+          width: 100%;
+          height:auto;
+        }
+      }
+    }
+  }
+}