node-ressource.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .page-node-site{
  2. .node-type-ressource{
  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-ressource{
  10. grid-row: 1;
  11. grid-column: 1 /span 2;
  12. margin-right: 2rem;
  13. img{
  14. height: 400px;
  15. width: auto;
  16. }
  17. }
  18. .infos-content{
  19. grid-row: 1;
  20. grid-column: 3 /span 4;
  21. .field--name-field-type-de-ressource{
  22. text-transform: uppercase;
  23. font-size: 1.5rem;
  24. }
  25. .field--name-field-sous-titre{
  26. font-size: 2rem;
  27. }
  28. .field--name-field-auteur{
  29. font-weight: 800;
  30. font-size: 1.4rem;
  31. }
  32. }
  33. .body-content {
  34. grid-row: 2;
  35. grid-column: 1 /span 3;
  36. width: 100%;
  37. margin-top: 2rem;
  38. .field--name-field-fichiers{
  39. width: fit-content;
  40. }
  41. }
  42. }
  43. }