/ 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 : _media-cover.scss

.zsl-newslist {
    --zsl-PrimaryFF: "Montserrat", sans-serif;
    --zsl-PrimaryBrandColor: hsl(206, 100%, 31%);
    --zsl-SecondaryBrandColor: hsl(72, 67%, 39%);
    --zsl-SupportingBrandColor: hsl(292, 60%, 41%);
    --zsl-PrimaryFontColor: hsl(60, 1%, 38%);
    --zsl-PrimaryFontColor2: hsl(60, 0%, 54%);
    --zsl-HeadingColor: hsl(0, 0%, 20%);
    --zsl-White: hsl(0, 0%, 100%);
    --zsl-Black: hsl(0, 0%, 0%);
    --zsl-Red: hsl(0, 100%, 50%);
    --zsl-Grey: hsl(0, 0%, 91%);
    --zsl-LightFW: 300;
    --zsl-RegularFW: 400;
    --zsl-SemiboldFW: 500;
    --zsl-BoldFW: 600;
    inline-size: 100%;
    display: flex;
    flex-direction: column;
    background-color: hsl(193, 100%, 98%);
    @include toRem(padding, 30);
    @include toRem(font-size, 16);
    font-family: var(--zsl-PrimaryFF);
    color: var(--zsl-PrimaryFontColor);
    font-weight: var(--zsl-LightFW);
    line-height: 1.4;
  
    &__blocks {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      @include toRem(gap, 20);
  
      @include mqmin(1001px) {
        grid-template-columns: 1fr 1fr;
      }
    }
  
    &__item {
      @include toRem(gap, 20);
      @include toRem(padding-block-end, 30);
      border-bottom: 1px solid var(--zsl-Grey);
      &:last-child {
        border-bottom: none;
      }
  
      &:nth-last-child(2) {
        border-bottom: none;
      }
    }
    &__itembg {
      @include toRem(gap, 20);
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      @include toRem(padding, 15);
      background: hsl(0, 0%, 100%);
      @include toRem(border-radius, 10);
      @include mqmin(768px) {
        grid-template-columns: minmax(100px, 140px) 1fr;
      }
      @include mqmin(1921px) {
        grid-template-columns: minmax(140px, 200px) 1fr;
      }
    }
    &__imagewrap {
      max-inline-size: 100%;
    }
    &__image {
      max-inline-size: 100%;
      @include toRem(border-radius, 10);
      block-size: auto;
      display: block;
      object-fit: cover;
      @include mqmin(768px) {
        @include toRem(block-size, 140);
      }
      @include mqmin(1921px) {
        @include toRem(block-size, 200);
      }
    }
    &__h1 {
      color: var(--zsl-HeadingColor);
      position: relative;
      line-height: 1.2;
      font-weight: 400;
      @include toRem(font-size, 34);
      @include toRem(padding-block-end, 5);
      @include toRem(margin-block-end, 30);
      text-align: left;
      border-bottom: 0.125rem solid var(--zsl-Grey);
      column-span: all;
      &--uppercase {
        text-transform: uppercase;
      }
    }
    &__h2 {
      color: var(--zsl-PrimaryFontColor);
      line-height: 1.4;
      font-weight: 400;
      @include toRem(font-size, 16);
      text-align: left;
    }
  
    &__link {
      color: var(--zsl-HeadingColor);
      line-height: 1.5;
      font-weight: 500;
      @include toRem(font-size, 16);
      @include toRem(padding-block-start, 15);
      @include toRem(padding-block-end, 15);
      text-align: left;
      text-decoration: none;
      @include mqmin(768px) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        @include toRem(max-block-size, 116);
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
      }
      &:hover {
        color: var(--zsl-PrimaryBrandColor);
      }
    }
  }

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.