_path-taxonomy.scss 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. .path-taxonomy{
  2. #block-contenudelapageprincipale span{
  3. display: none;
  4. }
  5. .view-taxonomy-term{
  6. .view-header{
  7. width: 80%;
  8. margin: auto;
  9. }
  10. .view-content{
  11. width: 80%;
  12. margin: auto;
  13. .views-row-wrapper{
  14. display: flex;
  15. flex-direction: row;
  16. flex-wrap: wrap;
  17. .views-row{
  18. width: 30%;
  19. }
  20. .views-row{
  21. display: flex;
  22. width: 25%;
  23. max-width: fit-content;
  24. // .node-type-ressource{
  25. // margin-bottom: 1rem ;
  26. // padding-right: 1rem;
  27. // .ext{
  28. // color: black;
  29. // }
  30. // svg.ext{
  31. // display: none;
  32. // }
  33. // &.type-de-ressource-Productions-du-programme-Engagés-pour-la-qualité-du-logement-de-demain{
  34. // // background-color: $background-actus;
  35. // .wrapper-ressource{
  36. // display: grid;
  37. // grid-template-columns: 1fr 1.8fr;
  38. // grid-template-rows: repeat(5 1fr);
  39. // .field--name-field-type-de-ressource{
  40. // order: 2;
  41. // grid-row: 2;
  42. // margin-bottom: 1rem;
  43. // }
  44. // .field--name-field-type-de-media{
  45. // order: 1;
  46. // grid-row: 1;
  47. // }
  48. // .field--name-field-images{
  49. // order: 3;
  50. // grid-row: 3 /span 5;
  51. // height: auto;
  52. // width: 90%;
  53. // img{
  54. // height: auto;
  55. // width: 90%;
  56. // border: 1px solid #a3a3a3;
  57. // }
  58. // }
  59. // .field--name-title{
  60. // grid-row: 3;
  61. // margin-top: 0;
  62. // a{
  63. // color: $blue-light;
  64. // font-size: 1.2rem;
  65. // font-style: normal;
  66. // }
  67. // }
  68. // .field--name-field-sous-titre{
  69. // grid-row: 4;
  70. // color: $blue-light;
  71. // font-size: 0.8rem;
  72. // font-weight: 800;
  73. // }
  74. // .field--name-field-auteur-s-{
  75. // grid-row: 5;
  76. // }
  77. // .field--name-field-edition{
  78. // grid-row: 6;
  79. // }
  80. // .field--name-field-date-de-parution{
  81. // grid-row: 7;
  82. // }
  83. // .field--name-field-mots-clefs{
  84. // grid-row: 8;
  85. // }
  86. // }
  87. // }
  88. // &.type-de-ressource-Paroles-de-lauréats{
  89. // // background-color: $background-actus;
  90. // }
  91. // @media (max-width: 479px) {
  92. // margin-left: 0;
  93. // }
  94. // .wrapper-ressource{
  95. // .field--name-field-type-de-ressource,
  96. // .field--name-field-type-de-media{
  97. // grid-column: 1;
  98. // text-transform: uppercase;
  99. // line-height: 1.1rem;
  100. // margin-top: 0.5rem;
  101. // a{
  102. // color: $blue-light;
  103. // font-weight: 900;
  104. // font-size: 0.8rem;
  105. // pointer-events: none;
  106. // cursor: default;
  107. // }
  108. // }
  109. // .field--name-title{
  110. // grid-column: 2;
  111. // margin-top: 0.5rem;
  112. // h2{
  113. // margin: 0;
  114. // line-height: 1rem;
  115. // a{
  116. // color: $black;
  117. // font-size: 1rem;
  118. // font-weight: 900;
  119. // font-style: italic;
  120. // }
  121. // }
  122. // }
  123. // .field--name-field-auteur-s-{
  124. // grid-column: 2;
  125. // margin-top: 0.5rem;
  126. // font-weight: 800;
  127. // line-height: 1.1rem;
  128. // p{
  129. // margin: 0;
  130. // }
  131. // .field__label{
  132. // display:none;
  133. // }
  134. // }
  135. // .field--name-field-sous-titre{
  136. // grid-column: 2;
  137. // margin-top: 0.5rem;
  138. // }
  139. // .field--name-field-edition{
  140. // grid-column: 2;
  141. // margin-top: 0.5rem;
  142. // p{
  143. // margin: 0;
  144. // }
  145. // .field__label{
  146. // display:none;
  147. // }
  148. // }
  149. // .field--name-field-images{
  150. // grid-column: 1;
  151. // .field__item{
  152. // height: 100px;
  153. // }
  154. // img{
  155. // height: 100%;
  156. // width: auto;
  157. // }
  158. // }
  159. // .field--name-field-date-de-parution{
  160. // grid-column: 2;
  161. // margin-top: 0.3rem;
  162. // }
  163. // .field--name-field-mots-clefs{
  164. // grid-column: 2;
  165. // display: flex;
  166. // margin-top: 1rem;
  167. // flex-direction: row;
  168. // flex-wrap: wrap;
  169. // .field__item{
  170. // margin-right: 0.5rem;
  171. // padding-left: 0.3rem;
  172. // padding-right: 0.3rem;
  173. // font-size: 0.7rem;
  174. // a{
  175. // background: $blue-dark;
  176. // color: $white;
  177. // font-weight: 800;
  178. // vertical-align: super;
  179. // padding-left: 0.1rem;
  180. // padding-right: 0.1rem;
  181. // display: inline-flex;
  182. // pointer-events: none;
  183. // cursor: default;
  184. // }
  185. // }
  186. // }
  187. // ul.links.inline{
  188. // display: none;
  189. // }
  190. // }
  191. // }
  192. }
  193. }
  194. }
  195. }
  196. }