print.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. @import './base/fonts';
  2. body{
  3. margin:0;
  4. padding: 0;
  5. }
  6. #printable-root-page{
  7. // outline: 1px solid blue;
  8. box-sizing: border-box;
  9. width: 21cm;
  10. padding: 1cm .5cm 2cm;
  11. >header{
  12. display: flex;
  13. flex-flow: nowrap;
  14. align-items: baseline;
  15. h1{
  16. margin:0;
  17. font-weight: 600;
  18. }
  19. }
  20. >article{
  21. padding-top: 1em;
  22. >h2{
  23. font-weight: 600;
  24. margin:0;
  25. // display: inline-block;
  26. }
  27. // .field--name-field-short-description{}
  28. .field--name-field-reference{
  29. // display: inline-block;
  30. margin:0 0 1em 0;
  31. }
  32. .field--name-body,
  33. .field--name-field-samples{
  34. display: inline-block;
  35. vertical-align: top;
  36. }
  37. .field--name-body{
  38. width: 75%;
  39. p{
  40. margin:0;
  41. }
  42. }
  43. .field__label{
  44. font-size: 0.756em;
  45. font-weight: 700;
  46. }
  47. .field--name-field-samples{
  48. width:23%;
  49. text-align: right;
  50. .field__item{
  51. font-size: 0.756em;
  52. }
  53. }
  54. .field--name-field-manufacturer,
  55. .field--name-field-distributor{
  56. margin-top: 1em;
  57. display: inline-block;
  58. vertical-align: top;
  59. width:49%;
  60. .taxonomy-term{
  61. padding-bottom: 0.5em;
  62. >h2{
  63. margin:0;
  64. font-weight: 600;
  65. font-size: 1em;
  66. }
  67. p{ margin:0;}
  68. }
  69. }
  70. .field--name-field-materiau-images{
  71. margin-top: 1em;
  72. display: flex;
  73. flex-flow: row wrap;
  74. justify-content: space-between;
  75. .field__item{
  76. flex:0 0 33%;
  77. img{
  78. width: 100%;
  79. height:auto;
  80. }
  81. }
  82. }
  83. }
  84. }