/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks
Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/blocks/_block__listing.scss (3696B)
.block__listing {
.snippet {
padding: 0px 0px 0px 0px;
border: 1px solid $gray-300;
border-radius: 5px;
background: $white;
overflow: hidden;
position: relative;
.favorite {
position: absolute;
z-index: 2;
right: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.8);
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
display: block;
svg {
width: 24px;
height: 24px;
fill: $white;
position: relative;
top: -1px;
}
i {
color: $white;
font-size: 1.5rem;
}
}
> figure {
position: relative;
height: 200px;
width: 100%;
margin: 0px;
border-bottom: 1px solid $gray-300;
img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
.content {
padding: 15px;
.title-description {
min-height: 70px;
.title {
// font-size: 1.125rem;
font-weight: 600;
> a {
color: $dark;
}
}
.description {
font-size: 0.875rem;
}
.date {
font-size: 0.75rem;
color: $gray-500;
}
}
.split {
.price {
font-weight: 700;
font-size: 1.125rem;
}
}
.price {
font-weight: 700;
font-size: 1.125rem;
}
}
.cause {
background: #f5f8fd;
// margin: 0px -10px;
padding: 15px 10px;
display: flex;
align-items: center;
font-size: 0.875rem;
font-weight: 500;
min-height: 100px;
.image {
width: 50px;
height: 50px;
img {
width: 100%;
height: 50px;
border-radius: 50px;
max-width: 100%;
width: 100%;
object-fit: cover;
}
}
.text {
flex: 1;
padding-left: 30px;
// min-height: 70px;
display: flex;
align-items: center;
width: 100%;
flex-wrap: wrap;
}
}
}
&.products {
}
&.causes {
.snippet {
.content {
.title-description {
min-height: 130px;
.title {
// font-size: 1.125rem;
font-weight: 600;
margin-bottom: 15px;
> a {
color: $dark;
}
}
}
.date-limit {
font-weight: 600;
font-size: 0.875rem;
.label {
display: block;
color: $primary;
}
.datetime {
display: block;
}
}
}
}
}
}