actualité et évenement + page archive v0

This commit is contained in:
armansansd
2021-07-03 23:55:56 +02:00
parent 413c75c32b
commit 9c4e1f448b
10 changed files with 157 additions and 14 deletions

View File

@@ -10,6 +10,7 @@
grid-template-columns: 10% minmax(0, 1fr);
h2{
grid-column: 2 ;
padding: 0 0 0 20px;
}
div{
grid-column: 2;
@@ -20,6 +21,7 @@
article{
h2{
color: white;
padding: 0;
a{
text-decoration: none;
&:hover{

View File

@@ -0,0 +1,53 @@
.path-archives{
.content_container{
&>div>h2{
text-align: center;
}
.views-element-container{
&>div{
display: grid;
grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
grid-column-gap: 2rem;
grid-row-gap: 1rem;
header{
grid-column: 1 / span 5;
text-align: center;
}
nav{
grid-column: 1 / span 5;
text-align: center;
}
.views-row:first-of-type{
grid-column: 2;
}
.views-row:nth-of-type(3n+1){
grid-column: 2;
}
.views-row{
background: red;
}
// mise en page temporaire
// article{
// display: grid;
// h2{
// grid-row: 2;
// }
// &>div{
// grid-row: 1;
// display: grid;
// div:nth-child(2){
// grid-row: 1;
// }
// div:nth-child(1){
// grid-row: 2;
// }
// }
// }
}
}
}
}

View File

@@ -29,7 +29,12 @@ article, .paragraph{
font-family: 'duke';
font-size: $font-big;
padding: .3rem .5rem;
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
}
.page-node-type-static{
@@ -43,4 +48,31 @@ article, .paragraph{
box-shadow: inset 0 -5rem 8rem white;
z-index: -1;
}
}
.page-node-type-actualite, .page-node-type-evenement{
.block-region-first{
background-color: black;
color: white;
a{
text-transform: uppercase;
font-family: 'duke';
font-size: $font-big;
padding: .3rem .5rem;
text-decoration: none;
&:hover{
text-decoration: underline;
}
}
}
#node\:title{
font-family: "trueno";
font-weight: 600;
font-size: $font-medium;
color:brown;
margin-top: 1rem;
margin-bottom: .3rem;
}
}

View File

@@ -1,5 +1,5 @@
.slick-list{
}
// .slick-list{
// }
.path-frontpage{
.block-region-content{
display: grid;
@@ -278,10 +278,10 @@
}
}
#home_theme_container{
.slick-slide{
// margin: 0 1rem;
// .slick-slide{
// // margin: 0 1rem;
}
// }
.slick-arrow{
position: absolute;
height: 100%;

View File

@@ -4,6 +4,7 @@
height: 3rem;
background: white;
margin-bottom: 2rem;
margin-top: 1rem;
}
.header_top_left_container{
height: 100%;