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

#1898

Browse Source
This commit is contained in:
armansansd 2022-04-27 16:04:48 +02:00
parent 632fecb716
commit 63168783a7
4 changed files with 27 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/popsu/assets/css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
web/themes/custom/popsu/partials/header.html.twig
View File

@ -1,9 +1,9 @@
<header role="banner" class="columns small-12"> <header role="banner" class="columns small-12">
<section id="header-top" class="row align-middle"> <section id="header-top" class="row align-middle">
<div id="header-top-left" class="columns medium-4 small-3"> <div id="header-top-left" class="columns medium-4 small-4">
{{ page.header_top_left }} {{ page.header_top_left }}
</div> </div>
<div id="header-top-middle" class="columns small-7"> <div id="header-top-middle" class="columns medium-7 small-6">
{{ page.header_top_middle }} {{ page.header_top_middle }}
</div> </div>
<div id="header-top-right" class="columns small-1"> <div id="header-top-right" class="columns small-1">

21
web/themes/custom/popsu/sass/pages/_home.scss
View File

@ -549,6 +549,9 @@
// background: center / 45% no-repeat url(../images/POPSU_1.svg) white; // background: center / 45% no-repeat url(../images/POPSU_1.svg) white;
img{ img{
width: 45%; width: 45%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
background: $col-1; background: $col-1;
@ -562,6 +565,9 @@
// background: center / 45% no-repeat url(../images/POPSU_2.svg) white; // background: center / 45% no-repeat url(../images/POPSU_2.svg) white;
img{ img{
width: 45%; width: 45%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
@ -575,6 +581,9 @@
// background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white; // background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
img{ img{
width: 45%; width: 45%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
background: $col-eur; background: $col-eur;
@ -587,6 +596,9 @@
// background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white; // background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
img{ img{
width: 45%; width: 45%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
background: $col-1; background: $col-1;
@ -599,6 +611,9 @@
// background: center / 45% no-repeat url(../images/POPSU_monde.svg) white; // background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
img{ img{
width: 46%; width: 46%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
background: $col-mond; background: $col-mond;
@ -611,6 +626,9 @@
// background: center / 45% no-repeat url(../images/POPSU_territoires.svg) white; // background: center / 45% no-repeat url(../images/POPSU_territoires.svg) white;
img{ img{
width: 45%; width: 45%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
background: $col-ter; background: $col-ter;
@ -623,6 +641,9 @@
// background: center / 45% no-repeat url(../images/POPSU_metropoles.svg) white; // background: center / 45% no-repeat url(../images/POPSU_metropoles.svg) white;
img{ img{
width: 45%; width: 45%;
@include breakpoint(small down) {
width: 100%;
}
} }
&:hover{ &:hover{
background: $col-met; background: $col-met;

3
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@ -156,6 +156,9 @@
color: transparent; color: transparent;
background: left / contain no-repeat url(../../images/POPSU_logo.svg); background: left / contain no-repeat url(../../images/POPSU_logo.svg);
} }
@include breakpoint(small down) {
grid-template-columns: 1fr 1fr;
}
} }
.header_top_middle_container{ .header_top_middle_container{