65 lines
901 B
SCSS
65 lines
901 B
SCSS
.affiche-inner {
|
|
padding: 4.4rem 0 8rem 0;
|
|
@include flex(column);
|
|
gap: 4.3rem;
|
|
}
|
|
|
|
.affiche-item-data {
|
|
@include flex(column);
|
|
gap: 1rem;
|
|
}
|
|
|
|
.affiche-item-data-row {
|
|
@include flex;
|
|
align-items: center;
|
|
gap: 1.6rem;
|
|
|
|
span {
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.affiche-item-data-img {
|
|
width: 1.3rem;
|
|
height: 1.3rem;
|
|
|
|
img {
|
|
width: 1.3rem;
|
|
height: 1.3rem;
|
|
object-fit: contain;
|
|
}
|
|
}
|
|
|
|
// Media
|
|
@media screen and (max-width: 850px) {
|
|
.affiche-inner {
|
|
gap: 2.8rem;
|
|
}
|
|
.affiche-items {
|
|
gap: 4rem;
|
|
}
|
|
|
|
.affiche-item {
|
|
flex-direction: column;
|
|
|
|
.sub-news-left-content-item-img {
|
|
max-width: unset;
|
|
max-height: unset;
|
|
}
|
|
|
|
.sub-news-left-content-item-date-content-head {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5rem;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 800px) {
|
|
.affiche-inner {
|
|
padding: 2.2rem 0 5rem;
|
|
}
|
|
}
|