159 lines
2.3 KiB
SCSS
159 lines
2.3 KiB
SCSS
.path-actus{
|
|
.content_container{
|
|
&>div>h2:first-of-type{
|
|
text-align: center;
|
|
}
|
|
.layout__region--content{
|
|
|
|
.views-element-container{
|
|
display: grid;
|
|
grid-template-columns: 10% minmax(0, 1fr);
|
|
h2{
|
|
grid-column: 2 ;
|
|
padding: 0 0 0 20px;
|
|
}
|
|
div{
|
|
grid-column: 2;
|
|
h2{
|
|
margin : 1rem 0;
|
|
}
|
|
}
|
|
article{
|
|
h2{
|
|
// color: white;
|
|
padding: 0;
|
|
a{
|
|
text-decoration: none;
|
|
&:hover{
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
footer{
|
|
text-align: center;
|
|
margin: 1.8rem 0;
|
|
grid-column: 1 / span 2 ;
|
|
background: transparent;
|
|
a{
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
background: black;
|
|
color: white;
|
|
font-family: "trueno";
|
|
font-weight: 500;
|
|
padding: .5rem 1.5rem;
|
|
font-size: 0.8rem;
|
|
text-decoration: none;
|
|
}
|
|
|
|
}
|
|
}
|
|
#actus_blocks-block_1{
|
|
|
|
.programme-1{
|
|
*{
|
|
color: $col-1 !important;
|
|
}
|
|
|
|
}
|
|
.programme-2{
|
|
*{
|
|
color: $col-2 !important;
|
|
}
|
|
}
|
|
.programme-3{
|
|
*{
|
|
color: $col-eur !important;
|
|
}
|
|
}
|
|
.programme-4{
|
|
*{
|
|
color: black;
|
|
}
|
|
|
|
}
|
|
|
|
.programme-5{
|
|
*{
|
|
color: $col-mond !important;
|
|
}
|
|
|
|
}
|
|
.programme-6{
|
|
*{
|
|
color: $col-ter !important;
|
|
}
|
|
|
|
}
|
|
.programme-7{
|
|
*{
|
|
color: $col-met !important;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.views-row article{
|
|
display: grid !important;
|
|
grid-template-columns: repeat( 2, minmax(0, 1fr));
|
|
|
|
position: relative;
|
|
height: auto;
|
|
h2{
|
|
grid-row: 2;
|
|
grid-column: 1 / span 2;
|
|
}
|
|
div{
|
|
grid-row: 1;
|
|
grid-column: 1 / span 2;
|
|
}
|
|
}
|
|
}
|
|
#home_blocks-block_3{
|
|
.views-field-field-image{
|
|
grid-column: 1;
|
|
}
|
|
.slick-slide{
|
|
background-color:transparent;
|
|
padding: 0;
|
|
.views-row{
|
|
padding: 0.4rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
//carroussel
|
|
|
|
.slick-slide{
|
|
margin: 0 1rem;
|
|
background-color: white;
|
|
padding: 1rem;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
} |