diff --git a/src/assets/css/blocks/index.css b/src/assets/css/blocks/index.css index f6a5a18..8223624 100644 --- a/src/assets/css/blocks/index.css +++ b/src/assets/css/blocks/index.css @@ -1,6 +1,7 @@ @import "../utilities.css"; @import "block.css"; @import "accordion.css"; +@import "alert-bar.css"; @import "alert.css"; @import "carousel.css"; @import "events-list-row.css"; diff --git a/src/assets/css/blocks/link.css b/src/assets/css/blocks/link.css index 03e6893..5c378e8 100644 --- a/src/assets/css/blocks/link.css +++ b/src/assets/css/blocks/link.css @@ -1,6 +1,6 @@ .block-link{ /* @apply grid grid-cols-2 items-center; */ - &:has( + .block-container):not([class*="spacing-"]){ + &:has( + .block-container:not(.block-link)):not([class*="spacing-"]){ @apply mb-sm md:mb-base; } &.block-container{ diff --git a/src/assets/css/components/footer.css b/src/assets/css/components/footer.css index f511984..9987300 100644 --- a/src/assets/css/components/footer.css +++ b/src/assets/css/components/footer.css @@ -18,7 +18,7 @@ @apply w-7.5 mr-5 md:hidden; } p{ - @apply text-size-md md:text-size-base md:font-bold text-white -translate-y-2 md:translate-y-0; + @apply text-size-md md:text-size-base md:font-bold text-white -translate-y-2 md:translate-y-0 mb-0; span{ @apply block md:inline; } @@ -34,11 +34,11 @@ @apply text-size-sm md:text-size-base text-white mb-0; } > span{ - @apply block font-bold mb-3.75; + @apply block font-bold; } } } - &__nav, &__social-links{ + &__nav{ ul{ li{ @apply border-t border-grey-500 md:border-t-0 flex items-center; @@ -58,8 +58,15 @@ } &__social-links{ ul{ + @apply flex mt-1; li{ @apply mb-2; + &:not(:last-child){ + @apply mr-3; + } + &::before{ + content: none; + } a{ svg{ @apply w-4 h-4 text-white; diff --git a/src/assets/css/components/header.css b/src/assets/css/components/header.css index 5740f65..2d8a5dc 100644 --- a/src/assets/css/components/header.css +++ b/src/assets/css/components/header.css @@ -93,7 +93,7 @@ > li{ @apply mr-0; > a{ - @apply inline-block w-full py-2 text-size-sm; + @apply inline-block w-full py-2 text-size-sm pr-2; &:hover{ @apply bg-black text-white; } @@ -167,12 +167,4 @@ } } } -} - -#overlay{ - transition: all .5s ease; - @apply fixed top-0 left-0 w-full h-screen bg-black bg-opacity-50 z-30 opacity-0 invisible pointer-events-none; - &.is-active{ - @apply opacity-100 visible pointer-events-auto; - } } \ No newline at end of file diff --git a/src/assets/css/components/index.css b/src/assets/css/components/index.css index aced15d..4a13923 100644 --- a/src/assets/css/components/index.css +++ b/src/assets/css/components/index.css @@ -17,6 +17,7 @@ @import "marquee-images.css"; @import "marquee-posts-row.css"; @import "mobilemenu.css"; +@import "overlay.css"; @import "pagination.css"; @import "post-row.css"; @import "posts-archive-header.css";