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