diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index c500cc8..452745f 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -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; diff --git a/web/themes/custom/eql/scss/pages/_partenaires.scss b/web/themes/custom/eql/scss/pages/_partenaires.scss index 3787ed0..6f95f6e 100644 --- a/web/themes/custom/eql/scss/pages/_partenaires.scss +++ b/web/themes/custom/eql/scss/pages/_partenaires.scss @@ -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; + } + } }