_mediaqueries.scss 2.5 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. }