_partenaires.scss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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. @media (max-width: 810px){
  34. display: flex;
  35. flex-direction: column;
  36. }
  37. .field--name-field-logo{
  38. grid-column: 1 / 2;
  39. grid-row: 2;
  40. margin-top: 2rem;
  41. padding-right: 1rem;
  42. }
  43. .field--name-field-titre{
  44. grid-column: 2 / 8;
  45. grid-row: 1;
  46. font-weight: 800;
  47. }
  48. .field--name-field-texte{
  49. grid-column: 2 / 8;
  50. grid-row: 2;
  51. }
  52. .field--name-field-lien{
  53. grid-column: 2 / 8;
  54. grid-row: 3;
  55. }
  56. }
  57. a{
  58. color: $black;
  59. font-weight: 800;
  60. svg{
  61. display: none;
  62. }
  63. }
  64. }