bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added print tool to cards

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2021-01-25 22:19:21 +01:00
parent 1ca9937fd4
commit 72667f075a
34 changed files with 1943 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
web/themes/custom/materiotheme/assets/dist/print.css vendored Normal file
View File

@@ -0,0 +1,69 @@
body {
font-size: 16px;
font-family: "Ubuntu",Arial,"MS Trebuchet",sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.3; }
body {
margin: 0;
padding: 0; }
#printable-root-page {
box-sizing: border-box;
width: 21cm;
padding: 1cm .5cm 2cm; }
#printable-root-page > header {
display: flex;
flex-flow: nowrap;
align-items: baseline; }
#printable-root-page > header h1 {
margin: 0;
font-weight: 600; }
#printable-root-page > article {
padding-top: 1em; }
#printable-root-page > article > h2 {
font-weight: 600;
margin: 0; }
#printable-root-page > article .field--name-field-reference {
margin: 0 0 1em 0; }
#printable-root-page > article .field--name-body,
#printable-root-page > article .field--name-field-samples {
display: inline-block;
vertical-align: top; }
#printable-root-page > article .field--name-body {
width: 75%; }
#printable-root-page > article .field--name-body p {
margin: 0; }
#printable-root-page > article .field__label {
font-size: 0.756em;
font-weight: 700; }
#printable-root-page > article .field--name-field-samples {
width: 23%;
text-align: right; }
#printable-root-page > article .field--name-field-samples .field__item {
font-size: 0.756em; }
#printable-root-page > article .field--name-field-manufacturer,
#printable-root-page > article .field--name-field-distributor {
margin-top: 1em;
display: inline-block;
width: 49%; }
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term > h2,
#printable-root-page > article .field--name-field-distributor .taxonomy-term > h2 {
margin: 0;
font-weight: 600;
font-size: 1em; }
#printable-root-page > article .field--name-field-manufacturer .taxonomy-term p,
#printable-root-page > article .field--name-field-distributor .taxonomy-term p {
margin: 0; }
#printable-root-page > article .field--name-field-materiau-images {
margin-top: 1em;
display: flex;
flex-flow: row wrap;
justify-content: space-between; }
#printable-root-page > article .field--name-field-materiau-images .field__item {
flex: 0 0 33%; }
#printable-root-page > article .field--name-field-materiau-images .field__item img {
width: 100%;
height: auto; }