_faq.scss 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .block-views-blockfaq-block-1{
  2. display: grid;
  3. grid-template-columns: 1fr repeat(4, 2fr) 1fr;
  4. div:first-child{
  5. grid-column: 2 / span 3;
  6. // width: 70%;
  7. // margin: auto;
  8. .node-type-question_reponse{
  9. border-bottom: 1px solid $blue-light;
  10. padding-bottom: 2rem;
  11. .field--name-title{
  12. display: none;
  13. }
  14. .field--name-field-question{
  15. p{
  16. font-family: 'Source Code Pro' ;
  17. font-weight: 500 ;
  18. color: $blue-dark ;
  19. font-size: 1.5rem;
  20. &:after{
  21. display:inline-flex;
  22. 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>');
  23. justify-self: flex-end;
  24. }
  25. }
  26. }
  27. .field--name-field-reponse{
  28. .panel-heading{
  29. display: none;
  30. }
  31. }
  32. .opened{
  33. display: block;
  34. }
  35. .field--name-field-fichiers{
  36. span:nth-of-type(2){
  37. display: none;
  38. }
  39. .file--mime-application-pdf{
  40. span:nth-of-type(2){
  41. display: none;
  42. }
  43. ::before{
  44. display: inline-block;
  45. content: url("../images/pictos/noun_Download_file_307900.svg");
  46. width: 30px;
  47. height: 30px;
  48. padding-right: 0.8rem;
  49. }
  50. a{
  51. display: inline-flex;
  52. align-items: center;
  53. color: $black;
  54. font-weight: 800;
  55. }
  56. }
  57. }
  58. .field--name-field-liens{
  59. a{
  60. &:before{
  61. display: inline-block;
  62. content: url("../images/pictos/noun_External Link_674151.svg");
  63. width: 30px;
  64. height: 30px;
  65. padding-right: 0.8rem;
  66. }
  67. display:flex;
  68. flex-direction: row;
  69. justify-content: left;
  70. align-items: center;
  71. color: $black;
  72. font-weight: 800;
  73. }
  74. svg{
  75. display: none;
  76. }
  77. }
  78. .field--name-field-ress{
  79. margin-top: 0.5rem;
  80. a{
  81. color: $black;
  82. text-decoration: underline;
  83. font-weight: 800;
  84. }
  85. }
  86. }
  87. }
  88. }