_node-ressource.scss 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .node-type-ressource{
  2. display: grid;
  3. grid-template-columns: 1fr repeat(3, 1fr) 1fr;
  4. grid-template-rows: repeat(2, auto);
  5. padding-top: 3rem;
  6. // #block-reha-titredepage{
  7. // display: block !important;
  8. // }
  9. .image-ressource{
  10. grid-row: 1;
  11. grid-column: 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. margin-left: 2rem;
  22. border: none;
  23. background-color:transparent;
  24. .field--name-field-type-de-ressource{
  25. text-transform: uppercase;
  26. font-size: 1rem;
  27. order: 1;
  28. }
  29. h1{
  30. order: 2;
  31. font-size: 2rem;
  32. font-weight: 400;
  33. }
  34. .field--name-field-sous-titre{
  35. font-size: 1.3rem;
  36. order: 3;
  37. }
  38. .field--name-field-auteur{
  39. font-weight: 800;
  40. font-size: 1.3rem;
  41. order: 4;
  42. padding-top: 1rem;
  43. }
  44. .field--name-field-site{
  45. background-color: rgb(153, 147, 174);
  46. border-radius: 50px;
  47. width: fit-content;
  48. padding: 0.2rem 0.9rem;
  49. margin-top: 1rem;
  50. order: 5;
  51. a{
  52. color: white;
  53. font-weight: 900;
  54. font-size: 0.8rem;
  55. vertical-align: top;
  56. }
  57. }
  58. }
  59. .body-content {
  60. grid-row: 2;
  61. grid-column: 2 /span 3;
  62. width: 100%;
  63. margin-top: 2rem;
  64. .field--name-field-fichiers{
  65. width: fit-content;
  66. }
  67. .summary-content{
  68. }
  69. .links-content{
  70. margin-top: 2rem;
  71. position: relative;
  72. left: -10%;
  73. width: 25%;
  74. }
  75. }
  76. }