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; margin: 0;
padding-bottom: 1rem; } padding-bottom: 1rem; }
.field--name-field-partenaires .paragraph--type--partenaire { .field--name-field-partenaires {
display: grid; padding-top: 3rem; }
grid-template-columns: 1fr 2fr; .field--name-field-partenaires .paragraph--type--partenaire {
grid-template-areas: "logo content"; } padding-bottom: 3rem;
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo { display: grid;
grid-area: logo; } grid-template-columns: repeat(auto-fill, 120px);
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre { grid-template-rows: repeat(auto-fill); }
grid-area: content; .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-logo {
font-weight: 800; } grid-column: 1 / 4;
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte { grid-row: 1 / 3; }
grid-area: content; } .field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien { grid-column: 3 / 7;
grid-area: content; } 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 { .node-type-actualite {
color: #09398b; color: #09398b;
@@ -2,37 +2,39 @@
.field--name-field-partenaires{ .field--name-field-partenaires{
// display: flex; padding-top: 3rem;
// flex-direction: column;
.paragraph--type--partenaire{ .paragraph--type--partenaire{
// display: flex;
// flex-direction: column; padding-bottom: 3rem;
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: repeat(auto-fill, 120px);
grid-template-areas: "logo content"; grid-template-rows: repeat(auto-fill);
.field--name-field-logo{ .field--name-field-logo{
grid-area: logo; grid-column: 1 / 4;
grid-row: 1 / 3;
// width: 30%;
// order: -1;
// flex: 0 0 100%;
} }
.field--name-field-titre{ .field--name-field-titre{
// // clear: both; grid-column: 3 / 7;
// width: 70%; grid-row: 1;
grid-area: content;
font-weight: 800; font-weight: 800;
} }
.field--name-field-texte{ .field--name-field-texte{
// width: 70%; grid-column: 3 / 7;
grid-area: content; grid-row: 2;
} }
.field--name-field-lien{ .field--name-field-lien{
grid-area: content; grid-column: 3 / 7;
grid-row: 3;
} }
} }
a{
color: $black;
svg{
display: none;
}
}
} }