materio-d9/web/themes/custom/materiotheme/assets/styles/print.scss

90 lines
1.6 KiB
SCSS
Raw Normal View History

2021-01-25 22:19:21 +01:00
@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;
2021-01-25 22:24:29 +01:00
vertical-align: top;
2021-01-25 22:19:21 +01:00
width:49%;
.taxonomy-term{
2021-01-25 22:26:25 +01:00
padding-bottom: 0.5em;
2021-01-25 22:19:21 +01:00
>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;
}
}
}
}
}