node-actualite.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .node-type-actualite{
  2. width: 100vw;
  3. .entete_actu{
  4. display: flex;
  5. flex-direction: row;
  6. width: 75%;
  7. margin: auto;
  8. align-items: center;
  9. .image-actualite{
  10. width: 50%;
  11. height: 100%;
  12. @media (max-width: 900px) {
  13. width: 80%;
  14. height: 100% !important;
  15. }
  16. img{
  17. width: 100%;
  18. height: auto;
  19. object-fit: contain;
  20. }
  21. }
  22. .infos-content{
  23. // height: 350px;
  24. width: 30%;
  25. right: 5%;
  26. @media (max-width: 900px) {
  27. width: 45%;
  28. height: fit-content;
  29. }
  30. }
  31. }
  32. .body-content {
  33. .summary-content{
  34. width: 60%;
  35. margin: auto;
  36. }
  37. .links-content{
  38. width: 15%;
  39. margin-left: calc(25%/2);
  40. }
  41. }
  42. }