taille point interrogation faq

This commit is contained in:
2021-12-13 15:29:07 +01:00
parent 53497652db
commit f184a80732
13 changed files with 322 additions and 226 deletions
@@ -7,6 +7,19 @@
left: 0%;
width: 100%;
overflow: hidden;
display: flex;
flex-flow: row wrap;
;
header{
flex: 0 0 100%;
}
main{
position: relative;
top: -7rem;
}
footer{
flex: 0 0 100%;
}
}
.layout-content{
padding-top: 7rem;
+1 -9
View File
@@ -1,32 +1,24 @@
.node-id-3{
background: url('../images/pictos/carre_site.mp4');
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-region-top{
.block-entity-fieldnodefield-images{
display: none;
height: inherit;
}
.block-entity-fieldnodetitle{
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
color: $blue-light;
background-color: $white;
text-transform: uppercase;
}
}
}
}
.layout__region--third{ // colone de droite fichiers et ressources liées
.block-region-third{
@@ -0,0 +1,27 @@
.node-id-40{
background: url('../images/pictos/carre-contour-bleu_programme.svg');
background-repeat: no-repeat;
background-position-y: 7rem;
max-width: 100vw;
background-size: contain;
.layout__region--top{ //bandeau titre page static
.block-region-top{
.block-entity-fieldnodefield-images{
display: none;
height: inherit;
}
.block-entity-fieldnodetitle{
.field--name-title{
color: $blue-light;
}
}
}
}
}
+11 -4
View File
@@ -26,14 +26,17 @@
// bloc bleu déposer une question
.block-block-content.block-block-content10aba627-5586-4529-b44e-c0b4551a4398{
grid-column: 5;
display: flex;
flex-direction: column;
max-width: fit-content;
margin-left: 2rem;
padding: 1rem;
background-color: $blue-light;
.field--name-field-lien{
&:before{
margin-top: 1rem;
display: block;
content: url("../images/pictos/picto_faq.svg");
content: url("../images/pictos/picto_faq.svg");
}
text-align: center;
a{
@@ -45,6 +48,8 @@
}
.field--name-field-description{
p{
display: flex;
flex-direction: column;
margin-top: 0;
margin-left: 1.5rem;
margin-right: 1.5rem;
@@ -55,9 +60,11 @@
font-size: 1.3rem;
}
&:after{
margin-left: auto;
padding-top: 1rem;
display: block;
content:url("../images/pictos/noun_Arrow_3771902.svg")
}
}
}
@@ -0,0 +1,13 @@
.page-node-type-ressource{
.block-contenudelapageprincipale{
display: flex;
span{
flex: 0 1 100%;
}
.node-type-ressource{
flex:0 1 100%;
}
}
}
+17 -10
View File
@@ -1,22 +1,29 @@
.path-node.page-node-type-static{
.layout-container{
display: flex;
flex-direction: column;
flex-flow: row wrap;
header{
flex: 0 0 100%;
}
main{
flex: 0 0 100%;
// display: flex;
// flex-direction: column;
// flex-flow: row wrap;
// header{
// flex: 0 0 100%;
// }
// main{
// flex: 0 0 100%;
.layout-content{
// padding-top: 0;
.layout__region--top{ //bandeau titre page static
padding-bottom: 3rem;
height: 30vh;
.block-entity-fieldnodetitle{
width: fit-content;
margin-left: 13%;
margin-top: 15vh;
.field--name-title{
font-family: 'Source Code Pro';
font-size: 2rem;
font-weight: 800;
text-transform: uppercase;
}
}
// .block-entity-fieldnodefield-images{
// display: none;
@@ -228,7 +235,7 @@
}
}
// }
}
}
@@ -1,12 +1,19 @@
.layout-container{
position: relative;
}
header{
// display: block;
width: 100%;
position: fixed;
z-index: 99;
header{
// display: block;
width: 100%;
position: fixed;
z-index: 99;
// position: -webkit-sticky;
// position: sticky;
// top: 0;
// .sticky{
// position: fixed;
// }
}
}
+2
View File
@@ -32,6 +32,8 @@
@import "pages/_toutesressources";
@import "pages/_ressource";
@import "pages/_offreDeService";
@import "pages/_annuaire-de-ressources";
/*partials*/
@import "partials/_header";