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