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

gabarit page themes

Browse Source
This commit is contained in:
armansansd
2021-08-20 12:27:02 +02:00
parent 8416eaf95c
commit 759ec43a17
13 changed files with 465 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/popsu/sass/pages/_home.scss
+81 -29
View File
@@ -46,38 +46,38 @@
}
}
.last-news .programme-1{
.views-field{
.views-field:not(.views-field-field-image){
background: $col-1 !important;
}
}
.last-news .programme-2{
.views-field{
.views-field:not(.views-field-field-image){
background: $col-2 !important;
}
}
.last-news .programme-3{
.views-field{
.views-field:not(.views-field-field-image){
background: $col-eur !important;
}
}
.last-news .programme-4{
.views-field{
.views-field:not(.views-field-field-image){
background: black;
}
}
.last-news .programme-5{
.views-field{
.views-field:not(.views-field-field-image){
background: $col-mond !important;
}
}
.last-news .programme-6{
.views-field{
.views-field:not(.views-field-field-image){
background: $col-ter !important;
}
}
.last-news .programme-7{
.views-field{
.views-field:not(.views-field-field-image){
background: $col-met !important;
}
}
@@ -271,10 +271,10 @@
position: relative;
// background: red;
background: center / contain no-repeat url(../images/popsu-home-logo.png);
margin: -5rem 0 3rem 0;
margin: -9% 0 3rem 0 !important;
}
.about{
box-shadow: inset 0 17rem 18rem $bck-col;
box-shadow: inset 0 17rem 18rem white;
background: $trame;
font-size: $font-medium;
text-align: center;
@@ -412,22 +412,25 @@
grid-template-columns: repeat( 3, 1fr);
align-items: center;
justify-items: center;
margin-top: 1rem;
margin-top: 0;
.views-row{
background-clip: content-box;
height: 13rem;
min-height: 7rem;
width: 100%;
display: grid;
align-items: center;
padding: 1rem;
.views-field-title{
.views-field:not(.views-field-field-logo){
font-size: $font-medium;
font-weight: 600;
display: none;
}
.views-field-title{
margin-bottom: 1rem;
}
&:hover{
.views-field-title{
.views-field:not(.views-field-field-logo){
font-weight: 600;
display: block;
color: white;
@@ -437,7 +440,11 @@
text-decoration: none;
}
}
}
.views-field-field-logo{
text-align: center;
}
}
@@ -449,43 +456,77 @@
.programme-1{
background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
// background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
img{
width: 50%;
}
&:hover{
background: $col-1;
img{
display: none;
}
}
}
.programme-2{
background: center / 60% no-repeat url(../images/POPSU_2.svg) white;
// background: center / 60% no-repeat url(../images/POPSU_2.svg) white;
img{
width: 60%;
}
&:hover{
background: $col-2;
img{
display: none;
}
}
}
.programme-3{
background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
// background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
img{
width: 50%;
}
&:hover{
background: $col-eur;
img{
display: none;
}
}
}
.programme-5{
background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
// background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
img{
width: 45%;
}
&:hover{
background: $col-mond;
img{
display: none;
}
}
}
.programme-6{
background: center / 60% no-repeat url(../images/POPSU_territoires.svg) white;
// background: center / 60% no-repeat url(../images/POPSU_territoires.svg) white;
img{
width: 60%;
}
&:hover{
background: $col-ter;
img{
display: none;
}
}
}
.programme-7{
background: center / 60% no-repeat url(../images/POPSU_metropoles.svg) white;
// background: center / 60% no-repeat url(../images/POPSU_metropoles.svg) white;
img{
width: 60%;
}
&:hover{
background: $col-met;
img{
display: none;
}
}
}
@@ -514,12 +555,17 @@
.views-row{
background-clip: content-box;
background-color: grey;
height: 10rem;
width: 10rem !important;
// height: 10rem;
width: 100% !important;
position: relative;
}
.views-row:after{
content: "";
display: block;
padding-bottom: 100%;
}
.views-field-title{
display: grid;
top: 0;
@@ -540,6 +586,15 @@
}
}
.views-field-field-image:before{
content: "";
display: block;
position: absolute;
background: black;
opacity: .4;
width: 100%;
height: 100%;
}
.views-field-field-image{
top: 0;
@@ -563,9 +618,6 @@
max-width: none;
}
// }
// &:hover{
// opacity: .6;
// }
}