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

header menu

Browse Source
This commit is contained in:
ouidade
2021-12-13 17:29:16 +01:00
parent 9237a38979
commit 99b202a810
4 changed files with 145 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/scss/global/_layout.scss
+3
View File
@@ -34,6 +34,9 @@
.path-faq{
margin: 0;
}
.path-ressources{
margin: 0;
}
.main-content{
margin-top: 7rem;
}
web/themes/custom/eql/scss/pages/_ressource.scss
+57 -5
View File
@@ -1,13 +1,65 @@
.page-node-type-ressource{
.path-node.page-node-type-ressource{
.block-contenudelapageprincipale{
display: flex;
#block-contenudelapageprincipale{
// display: grid;
// grid-template-areas: "contact"
// "ancre texte liens"
span{
flex: 0 1 100%;
// grid-column: 2 / span 6;
// grid-area: contact;
h2{
font-family: "Source Code Pro";
font-size: 2rem;
font-weight: 500;
}
}
.node-type-ressource{
flex:0 1 100%;
div{
display: grid;
grid-template-areas: "contact contact contact"
"ancre texte liens" ;
// display: flex;
// flex-direction: column;
.field--name-field-type-de-ressource{
// grid-area: contact;
text-transform: uppercase;
a{
color: $blue-light;
font-size: 0.8rem;
font-weight: 800;
}
}
.field--name-field-auteur-s-{
grid-area: contact;
font-size: 1.2rem;
font-weight: 900;
}
.field--name-field-edition {
grid-area: contact;
}
.field--name-field-date-de-parution{
}
.field--name-field-images{
display:none;
}
.field--name-field-textes{
grid-area: texte;
}
.field--name-field-fichiers{
grid-area: liens;
}
.field--name-field-actu-liee{
grid-area: liens;
}
.field--name-field-liens{
grid-area: liens;
}
}
// flex:0 1 100%;
}
}
}
web/themes/custom/eql/scss/partials/_header.scss
+32 -11
View File
@@ -62,16 +62,25 @@
}
}
#block-headermenu{
align-self: baseline;
width: 70%;
.block-headermenu-menu{
}
}
ul{
font-size: 1.2rem;
font-size: 1rem;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
:is(.sous-liste){
display: flex;
flex-direction: column;
padding: 1rem;
// padding: 1rem;
}
li{
@@ -89,17 +98,17 @@
ul div:first-child li div{
display: none;
}
// ul div:nth-child(2) li div{
// display: none;
// }
// ul:is(.ul1 .sous-liste .ul2){
// display: none;
// }
:hover ul {
ul div:nth-child(2) li div{
display: none;
}
ul:is(.ul1 .sous-liste .ul2){
display: none;
}
:hover ul{
div:first-child li div{
display: block;
background-color: $white;
padding: 1rem;
padding: 0.2rem;
a{
color: $black;
&:hover{
@@ -112,7 +121,7 @@
div:nth-child(2) li div{
display: block;
background-color: $white;
padding: 1rem;
padding: 0.2rem;
a{
color: $black;
&:hover{
@@ -121,6 +130,18 @@
}
}
}
:hover ul:is(.ul1 .sous-liste .ul2){
display: block;
background-color: $white;
padding: 0.2rem;
a{
color: $black;
&:hover{
color: $blue-light;
}
}
}
}
// reseaux sociaux