node-ressource.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .page-node-site{
  2. .node-type-ressource{
  3. display: grid;
  4. grid-template-columns: 1fr repeat(3, 1fr) 1fr;
  5. grid-template-rows: repeat(2, auto);
  6. padding-top: 3rem;
  7. .image-ressource{
  8. grid-row: 1;
  9. grid-column: 2 /span 2;
  10. margin-right: 2rem;
  11. img{
  12. height: 400px;
  13. width: auto;
  14. }
  15. }
  16. .infos-content{
  17. grid-row: 1;
  18. grid-column: 3 /span 4;
  19. margin-left: 2rem;
  20. .field--name-field-type-de-ressource{
  21. text-transform: uppercase;
  22. font-size: 1rem;
  23. }
  24. .field--name-field-sous-titre{
  25. font-size: 2rem;
  26. }
  27. .field--name-field-auteur{
  28. font-weight: 800;
  29. font-size: 1.3rem;
  30. }
  31. .field--name-field-site{
  32. background-color: rgb(153, 147, 174);
  33. border-radius: 50px;
  34. width: fit-content;
  35. padding: 0.2rem 0.9rem;
  36. margin-top: 1rem;
  37. a{
  38. color: white;
  39. font-weight: 900;
  40. font-size: 0.8rem;
  41. vertical-align: top;
  42. }
  43. }
  44. }
  45. .body-content {
  46. grid-row: 2;
  47. grid-column: 2 /span 3;
  48. width: 100%;
  49. margin-top: 2rem;
  50. .field--name-field-fichiers{
  51. width: fit-content;
  52. }
  53. .summary-content{
  54. }
  55. .links-content{
  56. margin-top: 2rem;
  57. position: relative;
  58. left: -10%;
  59. width: 25%;
  60. }
  61. }
  62. }
  63. }