diff --git a/src/assets/css/components/card.css b/src/assets/css/components/card.css index e24544e..b38ffae 100644 --- a/src/assets/css/components/card.css +++ b/src/assets/css/components/card.css @@ -1,6 +1,6 @@ .cards-container{ @apply mb-base overflow-x-clip; - &__inner{ + &__inner, > p{ width: calc(100% - (var(--grid-gutter)*4)); margin-left: auto; margin-right: auto; @@ -12,13 +12,15 @@ max-width: theme(screens.2xl); margin-left: max(var(--grid-offset), calc((100vw - theme(screens.2xl))/2)) } - @apply grid gap-[calc(var(--grid-gutter)*2)] grid-cols-12; - /* &-squares{ - @apply max-xl:lg:grid-cols-3; - } */ @at-root :where(.block-container, .grid-container) .cards-container .cards-container__inner{ @apply mx-0 px-0; - } + } + @at-root :where(.block-container, .grid-container) .cards-container > p{ + @apply mx-0 px-0; + } + } + &__inner{ + @apply grid gap-[calc(var(--grid-gutter)*2)] grid-cols-12; } > p{ @apply font-bold mb-4; @@ -380,4 +382,4 @@ } } } -} \ No newline at end of file +} diff --git a/src/assets/css/components/contacts-section.css b/src/assets/css/components/contacts-section.css index 4d27a78..ec3570d 100644 --- a/src/assets/css/components/contacts-section.css +++ b/src/assets/css/components/contacts-section.css @@ -72,4 +72,15 @@ &--noMargin{ @apply mt-0; } +} + + +/** Fix multi contacts section */ +.contacts-section { + &:has(+ .contacts-section) .cards-container{ + @apply mb-0; + } + + .contacts-section{ + @apply mt-0 pt-0; + } } \ No newline at end of file