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

footer

Browse Source
This commit is contained in:
ouidade
2021-11-17 20:33:11 +01:00
parent 41baaaaf31
commit 888d001c27
6 changed files with 105 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+36 -69
View File
@@ -85,11 +85,28 @@
font-family: "Marianne", sans-serif;
margin: none;
top: 0%;
left: 0%; }
left: 0%;
width: 100%;
overflow: hidden; }
.path-frontpage {
margin: 0; }
.path-node {
margin: 0; }
.field--name-field-titre .field__item {
color: #09398b;
font-weight: 900;
font-size: 2rem; }
.field--name-field-titre .field__label {
visibility: hidden; }
.inter-titre {
color: #009ee3;
text-transform: uppercase; }
a {
text-decoration: none; }
@@ -97,56 +114,6 @@ a {
/*
@import "pages/partials/header_footer";
@import "pages/home";*/
.field--name-field-liens {
float: right;
width: 20%;
margin-right: 10%;
margin-bottom: 2rem;
justify-items: center; }
.field--name-field-liens .ext {
display: flex;
flex-direction: row-reverse;
position: sticky;
height: fit-content;
font-weight: 900;
background-color: #009ee3;
color: white;
text-decoration: none;
justify-content: left;
align-items: center;
padding: 0.2rem; }
.field--name-field-liens .ext svg {
width: 70px;
height: 70px;
padding: 0;
padding-right: 1rem;
padding-left: 0.5rem;
padding-bottom: 1rem;
margin: 0;
fill: black; }
.field--name-field-liens .ext svg path, .field--name-field-liens .ext svg svg.mailto path {
stroke: black;
stroke-width: 0.1px; }
.field--name-field-fichiers {
position: relative;
clear: right;
float: right;
width: 20%;
margin-right: 10%; }
.field--name-field-fichiers .file--mime-application-pdf {
display: flex;
height: fit-content;
font-weight: 900;
background-color: #009ee3;
color: white;
justify-content: right;
align-items: center;
padding: 1rem; }
.field--name-field-fichiers .file--mime-application-pdf a {
color: white;
text-decoration: none; }
.field--type-entity-reference-revisions .paragraph-summary {
font-family: "Marianne", sans-serif;
font-size: 5rem;
@@ -218,7 +185,7 @@ a {
#header-top #block-burger {
z-index: 1;
background-color: #009ee3;
font-size: 0.7rem;
font-size: 0.5rem;
color: white;
display: block;
width: 7rem;
@@ -238,35 +205,27 @@ a {
align-self: center;
text-align: center;
height: 7rem; }
#header-top #block-burger .menuOpen:first-of-type {
width: 500%;
position: relative;
right: 0; }
#header-top #block-burger ul {
display: none;
width: 100vw;
position: relative;
bottom: 8%;
left: calc(-30vw + 50%);
height: fit-content;
padding-bottom: 1rem;
padding-top: 1rem;
background-color: #009ee3;
line-height: 2rem;
list-style: none; }
#header-top #block-burger ul .ul1 .sous-liste {
left: calc(-50vw + 50%);
padding-top: 0; }
#header-top #block-burger ul .ul1 .sous-liste a {
opacity: 1; }
#header-top #block-burger ul .ul1 .sous-liste a {
opacity: 1; }
#header-top #block-burger ul a {
color: white;
font-weight: 800;
font-size: 1.7rem;
opacity: 0.7; }
font-size: 1rem; }
#header-top #block-burger.opened ul {
display: block; }
#fotter-bottom {
display: flex;
flex-direction: row;
justify-content: space-around; }
flex-direction: row; }
#fotter-bottom .region {
display: block;
padding-left: 1rem;
@@ -276,7 +235,7 @@ a {
margin-top: 0;
color: #09398b; }
#fotter-bottom .region img {
height: 50px;
height: 4rem;
width: auto; }
#fotter-bottom .region-footer-bottom-left {
border: none; }
@@ -289,3 +248,11 @@ a {
color: #09398b;
font-size: 1.5rem;
margin-top: 0; }
#fotter-bottom .view-id-partenaires .view-content {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap; }
#fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
padding-right: 1rem;
padding-bottom: 1rem; }
web/themes/custom/eql/scss/global/_layout.scss
+21 -1
View File
@@ -10,12 +10,32 @@
margin: none;
top: 0%;
left: 0%;
width: 100%;
overflow: hidden;
}
.path-frontpage{
margin: 0;
}
.path-node {
margin: 0;
}
// .contextual-region .node-type-static {
// grid-template-columns: repeat(6 1fr);
// }
.field--name-field-titre{
.field__item{
color: $blue-dark;
font-weight: 900;
font-size: 2rem;
}
.field__label{
visibility: hidden;
}
}
.inter-titre {
color: $blue-light;
text-transform: uppercase;
}
web/themes/custom/eql/scss/pages/_static.scss
-98
View File
@@ -1,98 +0,0 @@
// .node-type-static {
// // display: flex;
// // flex-direction: column;
// font-family: $font-family-default;
// .field--name-field-textes {
// display: flex;
// flex-direction: column;
// max-width: 50%;
// align-self: center;
// margin: auto;
// margin-left: 20%;
// margin-right: 30%;
// padding: 4rem;
// }
// .field--name-field-titre{
// .field__item{
// color: $blue-dark;
// font-weight: 900;
// font-size: 2rem;
// }
// .field__label{
// visibility: hidden;
// }
// }
// .inter-titre {
// color: $blue-light;
// text-transform: uppercase;
// }
// }
// field field--name-field-liens field--type-link field--label-above
.field--name-field-liens {
// position: relative;
// position: sticky;
// clear: right;
float: right;
width: 20%;
margin-right: 10%;
margin-bottom: 2rem;
justify-items: center;
.ext {
display: flex;
flex-direction: row-reverse;
position: sticky;
height: fit-content;
font-weight: 900;
background-color: $blue-light;
color: $white;
text-decoration: none;
justify-content: left;
align-items: center;
padding: 0.2rem;
svg {
width: 70px;
height: 70px;
padding: 0;
padding-right: 1rem;
padding-left: 0.5rem;
padding-bottom: 1rem;
margin: 0;
fill: $black;
path, svg.mailto path {
stroke: $black;
stroke-width: 0.1px;
}
}
}
}
.field--name-field-fichiers {
position: relative;
clear: right;
float: right;
width: 20%;
margin-right: 10%;
.file--mime-application-pdf {
display: flex;
height: fit-content;
font-weight: 900;
background-color: $blue-light;
color: $white;
justify-content: right;
align-items: center;
padding: 1rem;
a {
color: $white;
text-decoration: none;
// outline: none;
}
}
}
web/themes/custom/eql/scss/partials/_footer.scss
+14 -4
View File
@@ -4,7 +4,6 @@
#fotter-bottom{
display: flex;
flex-direction: row;
justify-content: space-around;
.region{
display: block;
@@ -16,7 +15,7 @@
color: $blue-dark;
}
img{
height: 50px;
height: 4rem;
width: auto;
}
@@ -38,8 +37,19 @@
}
}
.view-id-partenaires{
.view-content{
display: flex;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
.node-type-partenaires_logo_footer_{
padding-right: 1rem;
padding-bottom: 1rem;
}
}
}
// .twitter::before {
web/themes/custom/eql/scss/partials/_header.scss
+32 -25
View File
@@ -59,7 +59,7 @@
#block-burger {
z-index: 1;
background-color: $blue-light;
font-size: 0.7rem;
font-size: 0.5rem;
color: $white;
display: block;
width: 7rem;
@@ -86,32 +86,39 @@
}
// ul {display: none;}
ul {
display: none;
width: 100vw;
.menuOpen:first-of-type{
width: 500%;
position: relative;
bottom:8%;;
left: calc(-30vw + 50%);
height: fit-content;
padding-bottom: 1rem;
padding-top: 1rem;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
left: calc(-50vw + 50%);
padding-top: 0;
a{
opacity: 1;
right: 0;
}
ul {
display: none;
// width: 100vw;
// position: relative;
// bottom:8%;;
// left: calc(-30vw + 50%);
// height: fit-content;
// padding-bottom: 1rem;
// padding-top: 1rem;
background-color: $blue-light;
line-height: 2rem;
list-style: none;
.ul1 .sous-liste{
// left: calc(-50vw + 50%);
// padding-top: 0;
a{
opacity: 1;
}
}
}
a{
color: $white;
font-weight: 800;
font-size: 1.7rem;
opacity: 0.7;
}
a{
color: $white;
font-weight: 800;
font-size: 1rem;
}
}
&.opened ul {
display: block;
web/themes/custom/eql/templates/partials/menu.html.twig
+2
View File
@@ -41,6 +41,7 @@
{% macro menu_links(items, attributes, menu_level) %}
{% import _self as menus %}
<div class="menuOpen">
{% if items %}
{% if menu_level == 0 %}
<ul{{ attributes.addClass(ulClasses, 'ul1') }}{{attributes.removeClass(classes, 'sous-liste')}}{{ attributes }}>
@@ -62,4 +63,5 @@
{# </div> #}
</ul>
{% endif %}
</div>
{% endmacro %}