_partenaires.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .node-id-20{
  2. background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
  3. background-repeat: repeat;
  4. background-position-y: 7rem;
  5. max-width: 100vw;
  6. background-size: contain;
  7. .layout__region--top{ //bandeau titre page static
  8. padding-bottom: 3rem;
  9. height: 30vh;
  10. .block-region-top{
  11. .block-entity-fieldnodetitle{
  12. .field--name-title{
  13. font-family: 'Source Code Pro';
  14. font-size: 2rem;
  15. font-weight: 800;
  16. color: $white;
  17. background-color: $blue-light;
  18. text-transform: uppercase;
  19. }
  20. }
  21. }
  22. }
  23. }
  24. .field--name-field-partenaires{
  25. padding-top: 3rem;
  26. .paragraph--type--partenaire{
  27. background-color: $white;
  28. width: 100%;
  29. padding-bottom: 3rem;
  30. display: grid;
  31. grid-template-columns: repeat(7, 1fr);
  32. grid-template-rows: repeat(auto-fill);
  33. .field--name-field-logo{
  34. grid-column: 1 / 2;
  35. grid-row: 2;
  36. margin-top: 2rem;
  37. padding-right: 1rem;
  38. }
  39. .field--name-field-titre{
  40. grid-column: 2 / 8;
  41. grid-row: 1;
  42. font-weight: 800;
  43. }
  44. .field--name-field-texte{
  45. grid-column: 2 / 8;
  46. grid-row: 2;
  47. }
  48. .field--name-field-lien{
  49. grid-column: 2 / 8;
  50. grid-row: 3;
  51. }
  52. }
  53. a{
  54. color: $black;
  55. font-weight: 800;
  56. svg{
  57. display: none;
  58. }
  59. }
  60. }