87 lines
1.3 KiB
SCSS
87 lines
1.3 KiB
SCSS
.aside-news-wrapper {
|
|
display: grid;
|
|
grid-template-columns: 40% auto;
|
|
grid-template-rows: 12.4rem;
|
|
gap: 1.6rem;
|
|
}
|
|
|
|
.aside-news-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.aside-news-info-inner {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1.2rem;
|
|
}
|
|
|
|
.aside-news-title {
|
|
font-size: 1.6rem;
|
|
font-weight: 700;
|
|
@include raleway;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.aside-news-status {
|
|
display: flex;
|
|
// align-items: center;
|
|
gap: 0.4rem;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.aside-news-link {
|
|
color: $main;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 1.4rem;
|
|
gap: 0.8rem;
|
|
}
|
|
|
|
.aside-news-text {
|
|
font-size: 1.4rem;
|
|
font-weight: 400;
|
|
color: $body;
|
|
}
|
|
|
|
.aside-news-image {
|
|
display: block;
|
|
max-width: 16.4rem;
|
|
max-height: 12rem;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
span {
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1024px) {
|
|
.aside-news-wrapper {
|
|
grid-template-columns: 25% 1fr;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 750px) {
|
|
.aside-news-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.aside-news-image {
|
|
height: 16rem;
|
|
}
|
|
}
|