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

actu si 2 dates sur une ligne

Browse Source
This commit is contained in:
ouidade
2021-12-23 17:40:16 +01:00
parent 8474dad8bc
commit c9c0065c31
6 changed files with 164 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/pages/_actualite.scss
+12 -1
View File
@@ -30,11 +30,22 @@
}
}
.block-entity-fieldnodefield-date{
grid-column: 2;
grid-column: 2 / span 3;
text-transform: uppercase;
color: $blue-dark;
font-size: 1.2rem;
font-weight: 800;
.field--name-field-date{
display: flex;
flex-direction: row;
justify-content: flex-start;
.field__item:not(:last-child):after{
padding-right: 1rem;
padding-left: 1rem;
content: "|";
}
}
}
.block-entity-fieldnodefield-images{
web/themes/custom/eql/scss/pages/_home.scss
+21 -8
View File
@@ -264,14 +264,27 @@
padding-bottom: 1rem;
}
}
time{
font-size: 0.9rem;
font-weight: 800;
padding-right: 1rem;
width: fit-content;
&:after{
padding-left: 0.5rem;
content: "|";}
.field--name-field-date{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
&:not(:last-child):after{
padding-right: 1rem;
content: "|";
}
time{
font-size: 0.9rem;
font-weight: 800;
padding-right: 1rem;
width: fit-content;
// :not(:last-child):after{
// padding-left: 0.5rem;
// content: "|";
// }
}
}
.field:not(.field--name-field-images){
web/themes/custom/eql/scss/pages/_toutesactualites.scss
+21 -8
View File
@@ -57,15 +57,28 @@
content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
}
}
time{
font-size: 0.9rem;
font-weight: 800;
padding-right: 1rem;
width: fit-content;
&:after{
padding-left: 0.5rem;
content: "|";}
.field--name-field-date{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
&:not(:last-child):after{
padding-right: 1rem;
content: "|";
}
time{
font-size: 0.9rem;
font-weight: 800;
padding-right: 1rem;
width: fit-content;
// :not(:last-child):after{
// padding-left: 0.5rem;
// content: "|";
// }
}
}
.field:not(.field--name-field-images){
width: 100%;
}
web/themes/custom/eql/scss/partials/_header.scss
+71 -23
View File
@@ -81,7 +81,7 @@
background-color: white;
width: 100%;
padding: 1rem;
.is-active{
color:$blue-light;
}
@@ -90,6 +90,7 @@
flex-direction: column;
// padding: 1rem;
// padding: 0.5rem;
display: none;
.is-active{
color:$blue-light;
}
@@ -101,6 +102,10 @@
padding-bottom: 0.8rem;
// align-items: center;
min-width: 30%;
align-items: center;
.menuOpen{
display: flex;
}
a {
color: $black;
// text-align: center;
@@ -113,32 +118,75 @@
color: $blue-light;
}
}
}
ul ul {
display: none;
}
:hover ul{
ul{
display: flex;
justify-content: space-between;
padding: 1rem;
background-color: white;
.is-active{
color:$blue-light;
&:hover{
ul{
display: block;
}
a{
color: $black;
&:hover{
color: $blue-light;
}
}
}
}
// ul ul {
// display: none;
// }
// :hover ul{
// ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
// :hover div:first-of-type{
// .menuOpen ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
// :hover ul div:nth-of-type(2){
// .menuOpen ul{
// display: flex;
// justify-content: space-between;
// padding: 1rem;
// background-color: white;
// .is-active{
// color:$blue-light;
// }
// a{
// color: $black;
// &:hover{
// color: $blue-light;
// }
// }
// }
// }
}
// reseaux sociaux