actualites.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .page-actualites{
  2. .block-page-title-block{
  3. width: 75%;
  4. margin: auto;
  5. }
  6. .view-actus{
  7. padding-top: 3rem;
  8. padding-bottom: 6rem;
  9. width: 80%;
  10. margin: auto;
  11. display: flex;
  12. flex-direction: row;
  13. flex-wrap: wrap;
  14. align-items: baseline;
  15. justify-content: space-between;
  16. .views-row{
  17. width: 28%;
  18. padding: 1rem;
  19. &:hover{
  20. transform: scale(1.05);
  21. transition: 0.3s transform ease, 0.3s box-shadow ease;
  22. }
  23. .node-type-actualite{
  24. width: 30vw !important;
  25. .entete_actu{
  26. flex-direction: column;
  27. .image-actualite{
  28. width: 90%;
  29. margin: auto;
  30. img{
  31. width: 100%;
  32. height: auto;
  33. }
  34. }
  35. .infos-content{
  36. height: fit-content;
  37. width: 100%;
  38. margin: auto;
  39. h1{
  40. display: none;
  41. }
  42. }
  43. }
  44. }
  45. }
  46. }
  47. }