debut media queries

This commit is contained in:
2021-11-28 23:57:48 +01:00
parent 0956ea99f4
commit 41310359c6
5 changed files with 69 additions and 6 deletions
+21 -3
View File
@@ -128,17 +128,35 @@
a {
text-decoration: none; }
@media (max-width: 934px) {
#block-headermenu {
display: none; }
.page-node-type-static .layout__region--top {
height: 23vh; }
.page-node-type-static .layout__region--top .block-entity-fieldnodetitle {
margin-top: 11vh; }
.page-node-type-static .node-id-20 .field--name-field-partenaires .paragraph--type--partenaire {
display: flex;
flex-direction: column; }
.path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static {
width: 70%; }
.path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static div:first-child:not(.field__item):not(.field) {
display: flex;
flex-direction: column; }
.path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
width: 100%; } }
/*pages*/
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.layout__region--top {
padding-bottom: 3rem;
height: 300px; }
height: 30vh; }
.layout__region--top .block-entity-fieldnodetitle {
width: fit-content;
margin-left: 13%;
margin-top: 200px; }
margin-top: 15vh; }
.layout__region--top .block-entity-fieldnodefield-images {
display: none;
height: inherit; }
@@ -402,7 +420,7 @@ a {
.node-id-20 {
background: url("../images/pictos/carre-contour-bleu_partenaire.svg");
background-repeat: no-repeat;
background-repeat: repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain; }
@@ -0,0 +1,44 @@
@media (max-width: 934px){
#block-headermenu{
display:none;
}
.page-node-type-static{
.layout__region--top{ //bandeau titre page static
height: 23vh;
.block-entity-fieldnodetitle{
margin-top: 11vh;
}
}
.node-id-20{
.field--name-field-partenaires{ // page partenaires
.paragraph--type--partenaire{
display: flex;
flex-direction: column;
}
}
}
}
.path-frontpage{
.view-display-id-block_2:is(.view-id-home_nodes){ // home présentation programme
.node-type-static{
width: 70%;
// margin: auto;
div:first-child:not(.field__item):not(.field){
display: flex;
flex-direction: column;
}
.field--name-field-accroche{
p{
width: 100%;
}
}
}
}
}
}
@@ -1,7 +1,7 @@
.node-id-20{
background: url('../images/pictos/carre-contour-bleu_partenaire.svg');
background-repeat: no-repeat;
background-repeat: repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
@@ -2,12 +2,12 @@
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 300px;
height: 30vh;
.block-entity-fieldnodetitle{
width: fit-content;
margin-left: 13%;
margin-top: 200px;
margin-top: 15vh;
}
.block-entity-fieldnodefield-images{
display: none;
+1
View File
@@ -9,6 +9,7 @@
@import "global/_layout";
@import "global/_typography";
@import "global/_mediaqueries";
/*pages*/