123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- @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;
- }
- }
- }
- }
- }
|