_faq.scss 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. .path-faq{
  2. #block-contenudelapageprincipale{
  3. h2{
  4. font-family: 'Source Code Pro';
  5. font-size: 2rem;
  6. font-weight: 800;
  7. color: $blue-light;
  8. background-color: $white;
  9. text-transform: uppercase;
  10. width: fit-content;
  11. margin-left: 10%;
  12. margin-top: 8rem;
  13. }
  14. .block-region-content{
  15. display: grid;
  16. grid-template-columns: 1fr repeat(4, 2fr) 1fr;
  17. // texte
  18. .block-config-pages.block-config-pages-block{
  19. grid-column: 2 / span 3;
  20. }
  21. // bloc bleu déposer une question
  22. .block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
  23. grid-column: 5;
  24. grid-row: 1 /span 2;
  25. height: fit-content;
  26. display: flex;
  27. flex-direction: column;
  28. max-width: fit-content;
  29. margin-left: 2rem;
  30. padding: 1rem;
  31. background-color: $blue-light;
  32. .field--name-field-lien{
  33. &:before{
  34. margin-top: 1rem;
  35. display: block;
  36. content: url("../images/pictos/picto_faq.svg");
  37. }
  38. text-align: center;
  39. a{
  40. font-size: 0.8rem;
  41. font-weight: 1000;
  42. color: $blue-dark;
  43. text-transform: uppercase;
  44. }
  45. }
  46. .field--name-field-description{
  47. p{
  48. display: flex;
  49. flex-direction: column;
  50. margin-top: 0;
  51. margin-left: 1.5rem;
  52. margin-right: 1.5rem;
  53. text-align: center;
  54. a{
  55. font-weight: 800;
  56. color: $white;
  57. font-size: 1.3rem;
  58. }
  59. &:after{
  60. margin-left: auto;
  61. padding-top: 1rem;
  62. display: block;
  63. content:url("../images/pictos/noun_Arrow_3771902.svg")
  64. }
  65. }
  66. }
  67. }
  68. .block-views-blockfaq-block-1{
  69. margin-top: 2rem;
  70. grid-column: 2 / span 3;
  71. display: grid;
  72. grid-template-columns: 1fr 1fr 1fr;
  73. div:first-child{
  74. grid-column: 1 / span 3;
  75. // width: 70%;
  76. // margin: auto;
  77. .node-type-question_reponse{
  78. border-bottom: 1px solid $blue-light;
  79. padding-bottom: 2rem;
  80. .field--name-title{
  81. display: none;
  82. }
  83. .field--name-field-question{
  84. p{
  85. font-family: 'Source Code Pro' ;
  86. font-weight: 500 ;
  87. color: $blue-dark ;
  88. font-size: 1.3rem;
  89. &:after{
  90. display:inline-flex;
  91. content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
  92. justify-self: flex-end;
  93. float: right;
  94. }
  95. }
  96. }
  97. .field--name-field-reponse{
  98. display: none;
  99. }
  100. .opened{
  101. display: block;
  102. }
  103. .field--name-field-fichiers{
  104. span:nth-of-type(2){
  105. display: none;
  106. }
  107. .file--mime-application-pdf{
  108. span:nth-of-type(2){
  109. display: none;
  110. }
  111. ::before{
  112. display: inline-block;
  113. content: url("../images/pictos/noun_Download_file_307900.svg");
  114. width: 30px;
  115. height: 30px;
  116. padding-right: 0.8rem;
  117. }
  118. a{
  119. display: inline-flex;
  120. align-items: center;
  121. color: $black;
  122. font-weight: 800;
  123. }
  124. }
  125. }
  126. .field--name-field-liens{
  127. a{
  128. &:before{
  129. display: inline-block;
  130. content: url("../images/pictos/noun_External Link_674151.svg");
  131. width: 30px;
  132. height: 30px;
  133. padding-right: 0.8rem;
  134. }
  135. display:flex;
  136. flex-direction: row;
  137. justify-content: left;
  138. align-items: center;
  139. color: $black;
  140. font-weight: 800;
  141. }
  142. svg{
  143. display: none;
  144. }
  145. }
  146. .field--name-field-ress{
  147. margin-top: 0.5rem;
  148. a{
  149. color: $black;
  150. text-decoration: underline;
  151. font-weight: 800;
  152. }
  153. }
  154. }
  155. }
  156. }
  157. }
  158. }
  159. }