Keith SolomonandClaude
2c917edf20
The text-25px literal is not a registered token in the project's typography scale (--text-*). Replace with the closest existing token, text-24px, to satisfy Tailwind v4 @apply resolution. Co-Authored-By: Claude <noreply@anthropic.com>
59 lines
1.2 KiB
CSS
59 lines
1.2 KiB
CSS
/* Services List block */
|
|
|
|
.services-list {
|
|
--services-line-top: 25%;
|
|
|
|
&__line {
|
|
position: absolute;
|
|
inset-inline: 0;
|
|
top: var(--services-line-top);
|
|
height: 8px;
|
|
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%;
|
|
}
|
|
|
|
&__grid {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
&__card {
|
|
@apply flex flex-col;
|
|
}
|
|
|
|
&__media {
|
|
@apply overflow-hidden rounded-md bg-gray-100;
|
|
}
|
|
|
|
&__img {
|
|
@apply w-full h-full object-cover;
|
|
}
|
|
|
|
&__heading {
|
|
@apply text-cwc-blue-01 text-24px font-bold leading-none mt-6 mb-4;
|
|
|
|
&::after {
|
|
background: var(--color-secondary);
|
|
content: "";
|
|
display: block;
|
|
height: 4px;
|
|
margin-top: 0.45rem;
|
|
width: 3rem;
|
|
}
|
|
}
|
|
|
|
&__desc {
|
|
@apply text-gray-600 text-16px font-light leading-snug;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1023px) {
|
|
.services-list__line {
|
|
display: none;
|
|
}
|
|
}
|