css form faq

This commit is contained in:
2022-01-05 17:01:59 +01:00
parent 01ed693540
commit ef17dda90f
12 changed files with 159 additions and 95 deletions
@@ -16,7 +16,6 @@
padding-top: 2rem;
.block-entity-fieldnodefield-actu-type{
grid-column: 2;
}
@@ -71,10 +70,10 @@
.block-region-first{
display: flex;
justify-content: end;
justify-content: flex-end;
.block-entity-fieldnodefield-textes{
display: flex;
justify-content: end;
justify-content: flex-end;
width: 50%;
background-color: $white;
padding-right: 2rem;
@@ -259,7 +258,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
+1 -1
View File
@@ -68,7 +68,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
@@ -40,9 +40,9 @@
.node-type-partenaires_logo_footer_{
margin-bottom: 3rem;
div{
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto auto;
// display: grid;
// grid-template-columns: auto auto;
// grid-template-rows: auto auto auto;
.field--name-field-logo{
+5 -2
View File
@@ -89,13 +89,16 @@
font-family: 'Source Code Pro' ;
font-weight: 500 ;
color: $blue-dark ;
font-size: 1.5rem;
font-size: 1.3rem;
&:after{
display:inline-flex;
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" rotate="-45" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
justify-self: flex-end;
float: right;
}
}
}
}
.field--name-field-reponse{
+5 -5
View File
@@ -194,14 +194,14 @@
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 1;
align-self: end;
align-self: flex-end;
margin-bottom: 2.5rem;
max-width: 25%;
min-width: fit-content;
.field--type-link {
grid-column: 3;
// justify-self: end;
// justify-self: flex-end;
position: relative;
// max-width: 70%;
// min-width: fit-content;
@@ -240,7 +240,7 @@
grid-row: 1;
background-color: $blue-light;
height: fit-content;
align-self: end;
align-self: flex-end;
.field--name-field-lien{
&:before{
margin-top: 1rem;
@@ -277,7 +277,7 @@
grid-row: 1;
height: fit-content;
display: flex;
justify-self: end;
justify-self: flex-end;
width: 50%;
margin-top: 3rem;
.field--name-body{
@@ -402,7 +402,7 @@
max-width: 50%;
min-width: fit-content;
margin-bottom: 2rem;
align-self: end;
align-self: flex-end;
@media (max-width: 479px){
grid-column: 3 / span 6;
}
+1 -1
View File
@@ -250,7 +250,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
@@ -194,7 +194,7 @@
align-items: center;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
@@ -61,7 +61,7 @@
position: relative;
.block-region-first{
display: flex;
justify-content: end;
justify-content: flex-end;
position: sticky;
top: 7rem;
.block-entity-fieldnodefield-textes{
@@ -218,7 +218,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{
@@ -36,7 +36,7 @@
position: relative;
.block-region-first{
display: flex;
justify-content: end;
justify-content: flex-end;
position: sticky;
top: 7rem;
.block-entity-fieldnodefield-textes{
@@ -199,7 +199,7 @@
padding-top: 1rem;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: end;
align-self: flex-end;
}
}
.field--name-title{