_actualites.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .path-actualites{
  2. background-color: $background-actus;
  3. margin: 0;
  4. .block-region-content{
  5. display: grid;
  6. grid-template-columns: 1fr repeat(4, 2fr) 1fr;
  7. margin: auto;
  8. .block-views:nth-of-type(1){
  9. grid-column: 2;
  10. }
  11. .block-views{
  12. .view-display-id-block_2{
  13. padding-top: 0;
  14. }
  15. .node-type-actualite{
  16. color: $blue-dark;
  17. line-height: 1.5rem;
  18. padding: 0.5rem;
  19. div:first-child{
  20. display: flex;
  21. flex-direction: column;
  22. :nth-child(1) { order: 1; }
  23. :nth-child(4) { order: 2; }
  24. :nth-child(5) { order: 3; }
  25. a{
  26. color: $blue-dark;
  27. }
  28. .field--name-field-images {
  29. .field__item img{
  30. width: 100%;
  31. height: fit-content;
  32. }
  33. &::after{
  34. display: block;
  35. content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
  36. }
  37. }
  38. .field:not(.field--name-field-images){
  39. width: 80%;
  40. }
  41. h2{ margin:0; }
  42. }
  43. }
  44. }
  45. }
  46. }