grid partenaires ok

This commit is contained in:
2021-11-19 22:59:45 +01:00
parent 1040ca0a1f
commit ca9bbfe359
2 changed files with 44 additions and 31 deletions
+24 -13
View File
@@ -308,19 +308,30 @@ a {
margin: 0;
padding-bottom: 1rem; }
.field--name-field-partenaires .paragraph--type--partenaire {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas: "logo content"; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
grid-area: logo; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
grid-area: content;
font-weight: 800; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
grid-area: content; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
grid-area: content; }
.field--name-field-partenaires {
padding-top: 3rem; }
.field--name-field-partenaires .paragraph--type--partenaire {
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(auto-fill, 120px);
grid-template-rows: repeat(auto-fill); }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
grid-column: 1 / 4;
grid-row: 1 / 3; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
grid-column: 3 / 7;
grid-row: 1;
font-weight: 800; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
grid-column: 3 / 7;
grid-row: 2; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
grid-column: 3 / 7;
grid-row: 3; }
.field--name-field-partenaires a {
color: black; }
.field--name-field-partenaires a svg {
display: none; }
.node-type-actualite {
color: #09398b;
@@ -2,37 +2,39 @@
.field--name-field-partenaires{
// display: flex;
// flex-direction: column;
padding-top: 3rem;
.paragraph--type--partenaire{
// display: flex;
// flex-direction: column;
padding-bottom: 3rem;
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas: "logo content";
grid-template-columns: repeat(auto-fill, 120px);
grid-template-rows: repeat(auto-fill);
.field--name-field-logo{
grid-area: logo;
// width: 30%;
// order: -1;
// flex: 0 0 100%;
grid-column: 1 / 4;
grid-row: 1 / 3;
}
.field--name-field-titre{
// // clear: both;
// width: 70%;
grid-area: content;
grid-column: 3 / 7;
grid-row: 1;
font-weight: 800;
}
.field--name-field-texte{
// width: 70%;
grid-area: content;
grid-column: 3 / 7;
grid-row: 2;
}
.field--name-field-lien{
grid-area: content;
grid-column: 3 / 7;
grid-row: 3;
}
}
a{
color: $black;
svg{
display: none;
}
}
}