1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- @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;
- vertical-align: top;
- width:49%;
- .taxonomy-term{
- padding-bottom: 0.5em;
- >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;
- }
- }
- }
- }
- }
|