✨feature: Add services list block

views/blocks/services-list/services-list.css

@@ -1,13 +1,15 @@
 /* Services List block */
 
 .services-list {
-    --services-line-top: 25%;
+    --services-line-top: 22%;
 
-    &__line {
+    .container { @apply px-0!; }
+
+    .services-list__line {
         position: absolute;
         inset-inline: 0;
         top: var(--services-line-top);
-        height: 8px;
+        height: 32px;
         pointer-events: none;
         z-index: 1;
         background-image: url('/wp-content/themes/community-works-collaborative/static/img/services-list-line.svg');
@@ -16,24 +18,24 @@
         background-size: 100% 100%;
     }
 
-    &__grid {
+    .services-list__grid {
         position: relative;
         z-index: 2;
     }
 
-    &__card {
+    .services-list__card {
         @apply flex flex-col;
     }
 
-    &__media {
+    .services-list__media {
         @apply overflow-hidden rounded-md bg-gray-100;
     }
 
-    &__img {
+    .services-list__img {
         @apply w-full h-full object-cover;
     }
 
-    &__heading {
+    .services-list__heading {
         @apply text-cwc-blue-01 text-24px font-bold leading-none mt-6 mb-4;
 
         &::after {
@@ -46,7 +48,7 @@
         }
     }
 
-    &__desc {
+    .services-list__desc {
         @apply text-gray-600 text-16px font-light leading-snug;
     }
 }