_mediaqueries.scss 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. // @media (max-width: 1325px){
  2. // .path-frontpage{
  3. // .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
  4. // position: relative;
  5. // .field--name-field-lien.field--type-link{
  6. // position: relative;
  7. // bottom: +337%;
  8. // }
  9. // .field--name-field-description{
  10. // position: relative;
  11. // bottom: +72%;
  12. // }
  13. // }
  14. // }
  15. // }
  16. // @media (max-width: 1330px){
  17. // .path-frontpage{
  18. // .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
  19. // position: relative;
  20. // .field--name-field-lien.field--type-link{
  21. // position: relative;
  22. // bottom: +387%;
  23. // }
  24. // .field--name-field-description{
  25. // position: relative;
  26. // bottom: +132%;
  27. // }
  28. // }
  29. // }
  30. // }
  31. // @media (max-width: 1033px){
  32. // .path-frontpage{
  33. // .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
  34. // position: relative;
  35. // .field--name-field-lien.field--type-link{
  36. // position: relative;
  37. // bottom: +450%;
  38. // }
  39. // .field--name-field-description{
  40. // position: relative;
  41. // bottom: +126%;
  42. // }
  43. // }
  44. // }
  45. // }
  46. @media (max-width: 934px){
  47. #block-headermenu{
  48. display:none;
  49. }
  50. .page-node-type-static{
  51. .layout__region--top{ //bandeau titre page static
  52. height: 23vh;
  53. .block-entity-fieldnodetitle{
  54. margin-top: 11vh;
  55. }
  56. }
  57. .node-id-20{
  58. .field--name-field-partenaires{ // page partenaires
  59. .paragraph--type--partenaire{
  60. display: flex;
  61. flex-direction: column;
  62. }
  63. }
  64. }
  65. }
  66. .path-frontpage{
  67. .view-display-id-block_2:is(.view-id-home_nodes){ // home présentation programme
  68. .node-type-static{
  69. width: 70%;
  70. // margin: auto;
  71. div:first-child:not(.field__item):not(.field){
  72. display: flex;
  73. flex-direction: column;
  74. }
  75. .field--name-field-accroche{
  76. p{
  77. width: 100%;
  78. }
  79. }
  80. }
  81. }
  82. }
  83. }