affinage css ofres de services

This commit is contained in:
2022-01-21 14:20:01 +01:00
parent adb1389da2
commit 5275760c21
3 changed files with 55 additions and 22 deletions
@@ -100,6 +100,7 @@
grid-row: 4;
font-size: 2.5rem;
font-family: "Source Code Pro";
padding-right: 15%;
@media (max-width: 810px){
font-size: 1.2rem;
}
@@ -170,6 +171,13 @@
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
a{
color: white;
hyphens: auto;
svg{
display: none;
}
}
}
.block-entity-fieldnodefield-telephone{
@@ -107,7 +107,8 @@
.views-row{
width: 50%;
.node-type-offre_de_service{
// display: flex;
display: flex;
justify-content: space-between;
// flex-direction: column;
// border: 2px solid rgb(199, 215, 74);
@@ -118,19 +119,24 @@
background-color: $white;
margin-right: 1rem;
// height: 200px;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
div:first-of-type{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(6 auto);
div:last-of-type{
display: inline-flex;
justify-content: space-between;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
}
// div:last-of-type{
// // display: inline-flex;
// // justify-content: space-between;
// // &::after{
// // content: url("../images/pictos/noun_Arrow_3771902.svg");
// // align-self: flex-end;
// // }
// }
.field--name-field-type-de-protagoniste{
grid-column: 1 / span 3;
grid-row: 1;
@@ -199,16 +205,24 @@
}
.field--name-field-date-de-proposition{
display: inline-flex;
grid-column: 2 / span 3;
grid-column: 2 /span 3;
grid-row: 6;
font-size: 0.8rem;
padding-top: 1rem;
justify-content: space-between;
align-items: center;
justify-content: flex-start;
// align-items: center;
// &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: flex-end;
// }
time{
justify-self: flex-start;
}
&::before{
content: "proposé le";
hyphens: none;
padding-right: 0.5rem;
}
}
}