_mediaqueries.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @media (max-width: 959px){
  2. #block-headermenu{
  3. display:none;
  4. }
  5. .page-node-type-static{
  6. .layout__region--top{ //bandeau titre page static
  7. height: 23vh;
  8. .block-entity-fieldnodetitle{
  9. margin-top: 11vh;
  10. }
  11. }
  12. .node-id-20{
  13. .field--name-field-partenaires{ // page partenaires
  14. .paragraph--type--partenaire{
  15. display: flex;
  16. flex-direction: column;
  17. }
  18. }
  19. }
  20. }
  21. .path-frontpage{
  22. .view-display-id-block_2:is(.view-id-home_nodes){ // home présentation programme
  23. .node-type-static{
  24. width: 70%;
  25. // margin: auto;
  26. div:first-child:not(.field__item):not(.field){
  27. display: flex;
  28. flex-direction: column;
  29. }
  30. .field--name-field-accroche{
  31. p{
  32. width: 100%;
  33. }
  34. }
  35. }
  36. }
  37. }
  38. }
  39. @media (max-width: 479px){
  40. #header-top{
  41. #block-logogouv{
  42. img{
  43. min-width: 60px;
  44. width: 70%;
  45. height: auto;
  46. }
  47. }
  48. #block-logoeql{
  49. img{
  50. min-width: 60px;
  51. width: 80%;
  52. height: auto;
  53. }
  54. }
  55. }
  56. .path-frontpage{
  57. .block-region-content{
  58. .block-views-blockactus-blocks-pages-block-1{
  59. .view-actus-blocks-pages{
  60. .view-content{
  61. display: flex;
  62. flex-direction: column;
  63. }
  64. }
  65. }
  66. }
  67. }
  68. }