grid partenaires ok
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user