print.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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. width:49%;
  59. .taxonomy-term{
  60. >h2{
  61. margin:0;
  62. font-weight: 600;
  63. font-size: 1em;
  64. }
  65. p{ margin:0;}
  66. }
  67. }
  68. .field--name-field-materiau-images{
  69. margin-top: 1em;
  70. display: flex;
  71. flex-flow: row wrap;
  72. justify-content: space-between;
  73. .field__item{
  74. flex:0 0 33%;
  75. img{
  76. width: 100%;
  77. height:auto;
  78. }
  79. }
  80. }
  81. }
  82. }