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

slider ressources v0

Browse Source
This commit is contained in:
armansansd
2021-07-04 01:03:00 +02:00
parent 9c4e1f448b
commit 3ae61ffc2d
9 changed files with 160 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
web/themes/custom/popsu/sass/pages/_ressources.scss
View File

@@ -1,7 +1,72 @@
.path-centre-de-ressources{
main{
flex: 0 0 100%;
max-width: 100%;
}
background-color: $bck-col;
header{
margin-bottom: 0;
.slick-slide{
margin: 0 1rem;
.views-row{
display: grid !important;
grid-template-columns: 1fr;
// flex-direction: column;
// flex-direction: column-reverse;
position: relative;
height: auto;
.views-field-field-image{
grid-column: 1;
grid-row: 1 / span 4;
z-index: -1;
padding-top: 1rem;
}
.views-field:not(.views-field-field-image){
background: blue;
width: 50%;
margin-left: 1rem;
padding-left: 1rem;
}
.views-field-title{
padding-bottom: 1rem;
grid-column: 1;
grid-row: 3;
font-weight: 600;
}
.views-field-view-node{
padding-top: 1rem;
grid-column: 1;
grid-row: 1;
}
.views-field-field-programme{
text-transform: uppercase;
grid-column: 1;
grid-row: 2;
}
a{
text-decoration: none;
}
}
}
.slick-arrow{
position: absolute;
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
&:hover{
opacity: .5;
}
}
.slick-next{
right: 0;
top: 0;
}
}
.content_container{
@@ -15,7 +80,8 @@
form{
background-color: $lightblue;
display: grid;
padding: 0 0 5rem 0;
padding: 5rem 0 1rem 0;
margin-top: -3rem;
column-gap: 1rem;
grid-template-columns: calc(10% - 3em) repeat(4, 20%);
&>div:first-child{
@@ -55,12 +121,12 @@
background-color: transparent;
border: solid 1px black;
box-shadow: none;
&:first-child{
// margin-right: .5rem;
}
&:last-child{
// margin-left: .5rem;
}
// &:first-child{
// // margin-right: .5rem;
// }
// &:last-child{
// // margin-left: .5rem;
// }
}
}
}