_actualite.scss 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .path-node.page-node-type-actualite{
  2. .layout--threecol-25-50-25{
  3. // display: grid;
  4. // grid-template-rows: repeat(6, auto);
  5. .layout__region--top{
  6. // grid-row: 1 / span 2;
  7. background-color: $background-actus;
  8. height: 40vh;
  9. padding-right: 1rem;
  10. .block-region-top{
  11. // position: relative;
  12. display: grid;
  13. grid-template-columns: 1fr repeat(8, 1fr) 1fr;
  14. padding-top: 2rem;
  15. .block-entity-fieldnodefield-actu-type{
  16. grid-column: 2;
  17. }
  18. .block-entity-fieldnodetitle{
  19. grid-column: 2 /span 9;
  20. margin: 0;
  21. .field--name-title{
  22. font-family: "Source Code Pro";
  23. font-size: 3rem;
  24. font-weight: 500;
  25. }
  26. }
  27. .block-entity-fieldnodefield-date{
  28. grid-column: 2;
  29. text-transform: uppercase;
  30. color: $blue-dark;
  31. font-size: 1.2rem;
  32. font-weight: 800;
  33. }
  34. .block-entity-fieldnodefield-images{
  35. grid-column-start: 5;
  36. grid-column-end: 9;
  37. img{
  38. padding-top: 2rem;
  39. width: 600px;
  40. // height: auto;
  41. max-height: 360px;
  42. object-fit: cover;
  43. }
  44. // position: relative;
  45. // bottom: -50%;
  46. }
  47. }
  48. }
  49. .layout__region--first{
  50. margin-top: 18rem;
  51. }
  52. .layout__region--second{
  53. // grid-row: 3;
  54. flex: 0 1 50%;
  55. margin-top: 18rem;
  56. .block-region-second{
  57. width: 90%;
  58. .block-entity-fieldnodebody{
  59. .panel-body{
  60. #outputtext{
  61. overflow-y: visible !important;
  62. }
  63. }
  64. }
  65. }
  66. }
  67. .layout__region--third{
  68. // grid-row: 4;
  69. margin-top: 18rem;
  70. .block-region-third{
  71. width: 65%;
  72. }
  73. }
  74. }
  75. }