grid partenaire

This commit is contained in:
2021-11-19 22:37:50 +01:00
parent 5193ca86ae
commit 1040ca0a1f
3 changed files with 52 additions and 40 deletions
+9 -10
View File
@@ -308,20 +308,19 @@ a {
margin: 0;
padding-bottom: 1rem; }
.field--name-field-partenaires {
display: flex;
flex-direction: column; }
.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 {
display: block;
width: 30%;
height: inherit;
float: left; }
grid-area: logo; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-titre {
clear: both;
width: 70%;
grid-area: content;
font-weight: 800; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-texte {
width: 70%; }
grid-area: content; }
.field--name-field-partenaires .paragraph--type--partenaire .field--name-field-lien {
grid-area: content; }
.node-type-actualite {
color: #09398b;
@@ -2,23 +2,35 @@
.field--name-field-partenaires{
display: flex;
flex-direction: column;
// display: flex;
// flex-direction: column;
.paragraph--type--partenaire{
// display: flex;
// flex-direction: column;
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-areas: "logo content";
.field--name-field-logo{
display: block;
width: 30%;
height: inherit;
float: left;
grid-area: logo;
// width: 30%;
// order: -1;
// flex: 0 0 100%;
}
.field--name-field-titre{
clear: both;
width: 70%;
// // clear: both;
// width: 70%;
grid-area: content;
font-weight: 800;
}
.field--name-field-texte{
width: 70%;
// width: 70%;
grid-area: content;
}
.field--name-field-lien{
grid-area: content;
}
}
@@ -2,9 +2,9 @@
.layout-container{
position: relative;
}
header{
header{
display: block;
position: sticky;
position: sticky; // sticky marche pas :(
}
@@ -20,7 +20,7 @@ header{
top:0%;
.region-header-top-left {
.region-header-top-left { // logo + menu déroulant
display:flex;
flex-direction: row;
padding: 1rem;
@@ -43,6 +43,8 @@ header{
padding-right: 1rem;
a {
color: $black;
// font-weight: 800;
}
.is-active {
color: $blue-light;
@@ -86,7 +88,7 @@ header{
}
#block-burger {
#block-burger { // menu burger à droite
z-index: 1;
background-color: $blue-light;
font-size: 0.5rem;
@@ -127,24 +129,23 @@ header{
z-index: 99;
}
ul {
display: none;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
a{
opacity: 1;
}
}
a{
opacity: 0.6;
color: $white;
font-weight: 800;
font-size: 1rem;
}
ul {
display: none;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
a{
opacity: 1;
}
}
a{
opacity: 0.6;
color: $white;
font-weight: 800;
font-size: 1rem;
}
}
&.opened ul {
display: block;