/ var / www / html / cai / assets / css / scss / [ HOME SHELL ]

Name	Size	Permission	Action
_benifit.scss	16.87 KB	-rwxr-x--x
_card.scss	2.23 KB	-rwxr-x--x
_contact-us.scss	11.27 KB	-rwxr-x--x
_cta.scss	1.47 KB	-rwxr-x--x
_event.scss	4.04 KB	-rwxr-x--x
_expanded-menu.scss	4.44 KB	-rwxr-x--x
_footer.scss	6.67 KB	-rwxr-x--x
_global.scss	232 B	-rwxr-x--x
_header.scss	6.46 KB	-rwxr-x--x
_home.scss	5.54 KB	-rwxr-x--x
_jobs.scss	3.46 KB	-rwxr-x--x
_latestnews.scss	3.46 KB	-rwxr-x--x
_media-cover.scss	3.46 KB	-rwxr-x--x
_mixins.scss	894 B	-rwxr-x--x
_modern-normalize.scss	5.19 KB	-rwxr-x--x
_modify.scss	8.62 KB	-rwxr-x--x
_parnership.scss	323 B	-rwxr-x--x
_publication.scss	434 B	-rwxr-x--x
_scroll.scss	682 B	-rwxr-x--x
_typography.scss	126 B	-rwxr-x--x
_variables.scss	866 B	-rwxr-x--x

Code Editor : _latestnews.scss

.latestnews {
    background: #f2f2f2;
    padding: 60px 0;

&__container {
        width: 86%;
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

&__grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 50px;
        grid-row-gap: 50px;

@include mqmin(960px) {
            grid-template-columns: 1fr 1fr;
            grid-auto-flow: row dense;
            grid-template-rows: 300px 300px 300px;
        }
    }

&__gitem {
        color: #fff;
        background: #f2f2f2;
        padding: 40px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 300px;

&:first-of-type {
            @include mqmin(960px) {
                grid-column-start: 1;
                grid-row: 1/3;
            }
        }
    }

&__gimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0 0 40px;
        overflow: hidden;

& img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all .35s;

@at-root .latestnews__gitem:hover & {
                transform: scale(110%);
            }
        }

&::after {
            content: "";
            opacity: 1;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .7);
            transition: opacity .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
    }

&__gtext {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: unset;
        display: flex;
        padding: 0;
        position: relative;
        opacity: 1;
        visibility: visible;
        transition: opacity .35s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility .35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 2;
        flex-wrap: wrap;
        justify-content: center;
        &--mode {
            justify-content: flex-start;   
        }
        .heading3 {
            font-size: calc(32px + 4*(100vw - 320px)/680);
            line-height: 1.2;
            margin: 0;
        }

& .date {
            align-items: center;
            display: flex;
            font-family: var(--merit);
            margin: 0 0 30px;
        }

& .day {
            font-size: 90px;
            font-style: normal;
            font-weight: 300;
            letter-spacing: -2px;
            line-height: 40px;
            margin-right: 15px;
        }

& .month-year {
            font-size: 18px;
            font-style: normal;
            font-weight: 300;
            line-height: 26px;
        }

& .heading2 {
            font-size: calc(36px + 9*(100vw - 320px)/680);
            line-height: 1.2;
            margin: 0;
        }
    }
}

.line-effect--white {
    position: relative;
    border-radius: 0;
    text-decoration: none;
    background-image: linear-gradient(#ffffff, #ffffff);
    background-size: 0 1px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: background-size .35s;
    color: #fff;

&:hover {
        background-position: 0 100%;
        background-size: 100% 1px;
    }
}

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.