Files
d9-eql/web/themes/custom/eql/scss/partials/_footer.scss
T
2022-01-06 21:47:54 +01:00

148 lines
3.8 KiB
SCSS

#fotter-bottom{
box-shadow: 1px 0px 8px $black;
display: flex;
flex: 1 1 120px;
flex-direction: row;
background-color: $white;
padding-top: 3rem;
@media (max-width: 810px){
flex-direction: column;
padding-right: 1rem;
}
.region{
display: block;
padding-left: 2rem;
padding-right: 1rem;
padding-bottom: 1rem;
border-left: $blue-light solid 1px;
h2{
margin-top: 0;
color: $blue-dark;
font-size: 1.2rem;
}
}
.region-footer-bottom-left{
margin-left: 3rem;
border: none;
width: 20%;
@media (max-width: 810px){
width: 100%;
margin-left: 0rem;
}
.view-id-partenaires{
.view-content{
display: flex;
flex-direction: row;
justify-content:flex-start;
flex-wrap: wrap;
padding-top: 1rem;
.node-type-partenaires_logo_footer_{
padding-right: 1rem;
padding-bottom: 1rem;
}
}
}
.block-views-blockpartenaires-block-3{
img{
width: auto;
height: 30px;
}
}
}
.region-footer-bottom-right{
width: 30%;
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
@media (max-width: 810px){
width: 100%;
}
#block-socialnetwork {
margin-bottom: 1rem;
.field--name-body{
p{
margin-top: 0;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
a{
color: $white;
font-size: 0;
padding-left: 1rem;
}
svg.ext{
display: none;
}
.link-twitter{
display: flex;
&:before{
content: url("../images/pictos/twitter_black.svg");
min-width: 50px;
}
}
.link-youtube{
display: flex;
&:before{
content: url("../images/pictos/youtube_black.svg");
min-width: 50px;
}
}
.link-linkedin{
display: flex;
&:before{
content: url("../images/pictos/linkedin_black.svg");
min-width: 50px;
}
}
}
}
}
#block-pieddepage ul{
margin-top: 0;
color: $blue-dark;
font-weight: 800;
list-style: none;
padding-left: 0;
a{
color: $blue-dark;
font-size: 1.2rem;
text-decoration: underline;
margin-top: 0;
}
}
}
.region-footer-bottom-middle{
width: 60%;
@media (max-width: 810px){
width: 100%;
}
.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;
}
}
}
}
}