Newer
Older
pre-www / src / assets / css / components / events-posts.css
.events-posts{
    &__day{
        @apply bg-white sticky top-[-1px] py-3 border-t border-black;
        span{
            @apply text-size-xl;
        }
    }

}

.event-item{
    @apply grid grid-cols-12 gap-x-5 py-5 border-t border-grey-200 min-h-[96px];
    > *{
        &:first-child{
            grid-area: 1 / 1 / 3 / 7;
            @apply text-size-base;
        }
        &:last-child{
            grid-area: 1 / 7 / 3 / 13;
        }
    }
    &__info{
        @apply flex flex-col justify-between;
    }
    &__date{
        @apply text-size-md-lg;
        span{
            @apply block;
            + span{
                @apply text-grey-300;
            }
        }
    }
    &__title{
        @apply font-bold text-size-md-lg;
        + p{
            @apply mt-6;
        }
    }
    &-ongoing{
        @apply py-5;
        &:first-child{
            @apply pt-0;
            span{
                @apply text-size-base;
            }
        }
        &:last-child{
            @apply pb-0;
        }
        &:not(:last-child){
            @apply border-b border-grey-200;
        }
        p{
            @apply font-bold text-size-base mb-0;
            span{
                @apply text-grey-300 ml-3;
            }
        }
    }
}