node-actualite.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .page-node-site{
  2. .node-type-actualite{
  3. width: 70%;
  4. margin: auto;
  5. display: grid;
  6. grid-template-columns: repeat(4, auto);
  7. grid-template-rows: repeat(2, auto);
  8. padding-top: 3rem;
  9. .image-actualite{
  10. grid-row: 1;
  11. grid-column: 1 /span 2;
  12. margin-right: 2rem;
  13. img{
  14. height: fit-content;
  15. // width: auto;
  16. }
  17. }
  18. .infos-content{
  19. grid-row: 1;
  20. grid-column: 3 /span 4;
  21. border: solid $yellow-puca 1px;
  22. background-color: $white-button;
  23. padding: 1rem;
  24. .field--name-field-type-de-actualite{
  25. text-transform: uppercase;
  26. font-size: 1.5rem;
  27. }
  28. .field--name-field-sous-titre{
  29. font-size: 2rem;
  30. }
  31. .field--name-field-auteur{
  32. font-weight: 800;
  33. font-size: 1.4rem;
  34. }
  35. }
  36. .body-content {
  37. grid-row: 2;
  38. grid-column: 1 /span 3;
  39. width: 100%;
  40. margin-top: 2rem;
  41. .field--name-field-fichiers{
  42. width: fit-content;
  43. }
  44. }
  45. }
  46. }