_mediaqueries.scss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. @media (max-width: 959px){
  2. #block-headermenu{
  3. display:none;
  4. }
  5. .page-node-type-static{
  6. //bandeau titre page static
  7. .layout__region--top{
  8. height: 23vh;
  9. .block-entity-fieldnodetitle{
  10. margin-top: 11vh;
  11. }
  12. }
  13. // page partenaires
  14. .node-id-20{
  15. .field--name-field-partenaires{
  16. .paragraph--type--partenaire{
  17. display: flex;
  18. flex-direction: column;
  19. }
  20. }
  21. }
  22. }
  23. // home présentation programme
  24. .path-frontpage{
  25. .view-display-id-block_2:is(.view-id-home_nodes){
  26. .node-type-static{
  27. width: 70%;
  28. // margin: auto;
  29. div:first-child:not(.field__item):not(.field){
  30. display: flex;
  31. flex-direction: column;
  32. }
  33. .field--name-field-accroche{
  34. p{
  35. width: 100%;
  36. }
  37. }
  38. }
  39. }
  40. }
  41. }
  42. /////////marche pas !!!!!!
  43. @media (max-width: 810px){
  44. .page-node-type-static{
  45. //bandeau titre page static
  46. .layout__region--top{
  47. padding-bottom: 0rem;
  48. .block-entity-fieldnodetitle{
  49. margin-left: 8%;
  50. margin-right: 5%;
  51. }
  52. }
  53. .layout__region--first{
  54. .block-region-first{
  55. display: none;
  56. }
  57. }
  58. .layout__region--second{
  59. flex: 0 1 80%;
  60. margin: auto;
  61. }
  62. .layout__region--third{
  63. .block-region-third{
  64. margin: auto;
  65. }
  66. }
  67. }
  68. }
  69. @media (max-width: 479px){
  70. #header-top{
  71. #block-logogouv{
  72. img{
  73. min-width: 45px;
  74. width: 70%;
  75. height: auto;
  76. }
  77. }
  78. #block-logoeql{
  79. img{
  80. min-width: 45px;
  81. width: 80%;
  82. height: auto;
  83. }
  84. }
  85. }
  86. .path-frontpage{
  87. .block-region-content{
  88. .block-views-blockactus-blocks-pages-block-1{
  89. .view-actus-blocks-pages{
  90. .view-content{
  91. display: flex;
  92. flex-direction: column;
  93. }
  94. }
  95. }
  96. }
  97. }
  98. .path-ressources.basededonnees{
  99. .layout-content{
  100. .region-content{
  101. #block-contenudelapageprincipale{
  102. .layout--onecol{
  103. .block-region-content{
  104. .block-views-blockcollections-block-1{
  105. div:first-of-type{
  106. width: 90%;
  107. display: flex;
  108. margin: auto;
  109. }
  110. }
  111. }
  112. }
  113. }
  114. }
  115. }
  116. }
  117. }