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

4
web/themes/custom/popsu/sass/pages/_actu.scss
View File

@@ -34,7 +34,7 @@
footer{
text-align: center;
margin: 1.8rem 0;
grid-column: 2 ;
grid-column: 1 / span 2 ;
a{
display: inline-block;
margin: 0 auto;
@@ -95,7 +95,7 @@
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
&:hover{

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

@@ -22,7 +22,7 @@
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
&:hover{
@@ -278,17 +278,16 @@
}
}
#home_theme_container{
// .slick-slide{
// // margin: 0 1rem;
// }
.slick-slide{
margin: 0 1rem;
}
.slick-arrow{
position: absolute;
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
&:hover{
@@ -335,6 +334,8 @@
width: 100%;
height: 100%;
position: absolute;
display: grid;
align-items: center;
img{
width: 100%;
height: auto;

2
web/themes/custom/popsu/sass/pages/_programme.scss
View File

@@ -94,7 +94,7 @@
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0;
opacity: 0.2;
transition: opacity 250ms;
width: 10%;
&:hover{

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;
// }
}
}
}

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

@@ -1,10 +1,10 @@
//header
#header-top{
height: 3rem;
height: 5rem;
background: white;
margin-bottom: 2rem;
margin-top: 1rem;
padding-bottom: 1rem;
padding-top: 1rem;
}
.header_top_left_container{
height: 100%;