Newer
Older
pre-www / src / assets / css / page / tender.css
@elcar elcar on 15 Jul 1 KB fix: css status bandi
.tender-date{
    @apply text-size-md-lg;
    div{
        @apply flex flex-col;
        span{
            &:last-child:not(:first-child){
                @apply text-grey-300 relative line-through;
            }
        }    
    }
    &--expired, &--completed, &--closed, &--archived{
        span{
            @apply text-grey-300;
        }
    }
}

.tender-logos{
    @apply grid grid-cols-2 md:grid-cols-3 xl:grid-cols-6 gap-[calc(var(--grid-gutter)*2)] mb-base;
    > *{
        @apply h-32 relative;
        img{
            /* height: max(72px, 60%); */
            /* max-height: clamp(64px, 60%, 96px); */
            width: min(200px, 90%);
            height: 80%;
            @apply absolute position-center object-contain saturate-0;
        }
        &:not(:last-child):after{
            content: '';
            @apply w-px h-[6.25rem] bg-grey-200 -right-[var(--grid-gutter)] position-center-vertical absolute;
        }
        &:nth-of-type(2n){
            &::after{
                content: none;
                @screen md{
                    content: '';
                }
            }
        }
        &:nth-of-type(3n){
            &::after{
                @screen md{
                    content: none;
                }
                @screen xl{
                    content: '';
                }
            }
        }
        &:nth-of-type(6n){
            &::after{
                content: none;
            }
        }
    }
}