_node-actualite.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. @media (max-width:891px) {
  10. flex-direction: column;
  11. width: 100%;
  12. }
  13. .image-actualite{
  14. width: 50%;
  15. height: 100%;
  16. @media (max-width: 900px) {
  17. width: 80%;
  18. height: 100% !important;
  19. }
  20. img{
  21. width: 100%;
  22. height: auto;
  23. object-fit: contain;
  24. }
  25. }
  26. .infos-content{
  27. // height: 350px;
  28. width: 30%;
  29. right: 5%;
  30. @media (max-width: 900px) {
  31. width: 50%;
  32. height: fit-content;
  33. h1{font-size: 1.2rem;}
  34. .field--name-field-sous-titre{font-size: 1rem;}
  35. .field--name-field-site .field__item{font-size: 0.7rem;}
  36. .field--name-field-date{font-size: 0.6rem;}
  37. }
  38. }
  39. }
  40. .body-content {
  41. .summary-content{
  42. width: 60%;
  43. margin: auto;
  44. @media (max-width:891px) {
  45. width: 80%;
  46. }
  47. }
  48. .links-content{
  49. width: 15%;
  50. margin-left: calc(25%/2);
  51. @media (max-width:891px) {
  52. width: 80%;
  53. .field--name-field-fichiers{width: fit-content;}
  54. }
  55. }
  56. }
  57. }