node-actualite.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. .node-type-actualite{
  2. width: 100vw;
  3. .entete_actu{
  4. display: flex;
  5. flex-direction: row;
  6. width: 75%;
  7. margin: auto;
  8. align-items: center;
  9. .image-actualite{
  10. width: 60%;
  11. height: 100%;
  12. img{
  13. width: 100%;
  14. height: auto;
  15. object-fit: contain;
  16. }
  17. }
  18. .infos-content{
  19. position: relative;
  20. display: flex;
  21. flex-direction: column;
  22. border: solid $yellow-puca 1px;
  23. background-color: $white-button;
  24. padding: 1rem;
  25. height: 350px;
  26. width: 30%;
  27. position: relative;
  28. right: 5%;
  29. margin-bottom: 30px;
  30. h2{
  31. order: 2;
  32. margin: 0;
  33. font-size: 1.5rem;
  34. font-weight: 600;
  35. padding: 0;;
  36. }
  37. .field--name-field-sous-titre {
  38. order: 3;
  39. font-size: 1.3rem;
  40. }
  41. .field--name-field-date{
  42. order: 4;
  43. font-weight: 900;
  44. padding-bottom: 1rem;
  45. }
  46. .field--name-field-type-d-actualite{
  47. order: 1;
  48. text-transform: uppercase;
  49. font-size: 1.2rem;
  50. }
  51. .field--name-field-site{
  52. order: 5;
  53. background-color: $gris-violet;
  54. color: white;
  55. border-radius: 50px;
  56. width: fit-content;
  57. padding: 0.2rem 0.9rem;
  58. .field__item{
  59. display: inline;
  60. color: white;
  61. font-weight: 900;
  62. font-size: 0.8rem;
  63. vertical-align: top;
  64. }
  65. }
  66. ul.links{
  67. order: 6;
  68. display: none;
  69. }
  70. }
  71. }
  72. .body-content {
  73. .summary-content{
  74. width: 60%;
  75. margin: auto;
  76. }
  77. .links-content{
  78. width: 15%;
  79. margin-left: 15%;
  80. }
  81. }
  82. }