61 lines
1.3 KiB
CSS
61 lines
1.3 KiB
CSS
/* Services List block */
|
|
|
|
.services-list {
|
|
--services-line-top: 22%;
|
|
|
|
.container { @apply px-0!; }
|
|
|
|
.services-list__line {
|
|
position: absolute;
|
|
inset-inline: 0;
|
|
top: var(--services-line-top);
|
|
height: 32px;
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
background-image: url('/wp-content/themes/community-works-collaborative/static/img/services-list-line.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.services-list__grid {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.services-list__card {
|
|
@apply flex flex-col;
|
|
}
|
|
|
|
.services-list__media {
|
|
@apply overflow-hidden rounded-md bg-gray-100;
|
|
}
|
|
|
|
.services-list__img {
|
|
@apply w-full h-full object-cover;
|
|
}
|
|
|
|
.services-list__heading {
|
|
@apply text-cwc-blue-01 text-24px font-black leading-none mt-6 mb-4;
|
|
|
|
&::after {
|
|
background: var(--color-secondary);
|
|
content: "";
|
|
display: block;
|
|
height: 4px;
|
|
margin-top: 0.45rem;
|
|
width: 3rem;
|
|
}
|
|
}
|
|
|
|
.services-list__desc {
|
|
@apply text-gray-600 text-16px font-light leading-snug;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.services-list__line {
|
|
display: none;
|
|
}
|
|
}
|