mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 04:14:18 +00:00
36 lines
848 B
SCSS
36 lines
848 B
SCSS
@import "../../../styles/utilities";
|
|
|
|
.cardBlogWarpper {
|
|
@apply inline-flex flex-col justify-start;
|
|
max-width: 39.2rem;
|
|
.image {
|
|
width: 100%;
|
|
max-height: 22rem;
|
|
border-radius: 2.4rem;
|
|
&:hover {
|
|
cursor: pointer;
|
|
}
|
|
img{
|
|
border-radius: 2.4rem;
|
|
}
|
|
}
|
|
.title {
|
|
padding: 1.6rem 0.8rem 0.4rem 0.8rem;
|
|
@apply font-bold;
|
|
font-size: 2rem;
|
|
line-height: 2.8rem;
|
|
letter-spacing: -0.01em;
|
|
color: var(--text-active);
|
|
&:hover {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
.description {
|
|
padding: 0 0.8rem;
|
|
@apply overflow-hidden overflow-ellipsis ;
|
|
color: var(--text-label);
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
} |