bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

grid partenaire

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