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

.glcontainer {
    display: flex;
    justify-content: center;
  }
  .zsl-eventlist {
    --zsl-PrimaryBrandColor: hsl(199, 100%, 50%);
    --zsl-SecondaryBrandColor: hsl(199, 100%, 54%);
    --zsl-PrimaryGreen: hsl(72, 67%, 39%);
    --zsl-SupportingBrandColor: hsl(206, 100%, 36%);
    --zsl-ButtonColor: hsl(206, 100%, 45%);
    --zsl-PrimaryFontColor: hsl(60, 1%, 38%);
    --zsl-SecondaryFontColor: 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%, 90%);
    --zsl-Grey2: hsl(0, 0%, 96%);
    --zsl-DarkGrey: hsl(0, 0%, 13%);
    --zsl-LightFW: 300;
    --zsl-RegularFW: 500;
    --zsl-SemiboldFW: 600;
    --zsl-BoldFW: 700;
    background-color: var(--zsl-Grey);
    @include toRem(padding, 16);
    @include toRem(border-radius, 6);
    padding-top: 1px;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    max-inline-size: 1320px;
    margin: 60px auto;
  
    &__titleblock {
      display: flex;
      flex-direction: row;
    }
  
    &__title {
      flex-basis: 100%;
      align-items: center;
      @include toRem(font-size, 22);
      font-weight: var(--zsl-SemiboldFW);
      display: inline-flex;
      @include toRem(gap, 16);
      background: var(--zsl-White);
      @include toRem(padding-block, 10);
      @include toRem(padding-inline-start, 20);
      @include toRem(border-radius, 6);
      border-radius: 0 0 6px 6px;
      
      box-shadow: 0 3px 5px rgba(0,0,0,.1);
  
      &::before {
        content: url(../images/Calender_icon.svg);
        inline-size: 35px;
        
      }
      @include mqmin (470px) {
        flex-basis: auto;
        @include toRem(padding-inline-end, 48);
      }
      
      }
    &__eventblocks {
      @include toRem(margin-block-start, 32);
    }
  
    &__eventblock {
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      background-color: var(--zsl-Grey2);
      @include toRem(margin-block-start, 16);
      @include toRem(padding, 16);
      @include toRem(border-radius, 6);
    }
  
    &__eventtitle {
      @include toRem(font-size, 16);
      font-weight: var(--zsl-SemiboldFW);
    }
    &__info {
        display: flex;
        flex-direction: column;
        font-weight: var(--zsl-RegularFW);
        @include toRem(margin-block, 16);
        @include toRem(gap, 16);
  
        @include mqmin (541px) {
          flex-direction: row;
          @include toRem(gap, 32);
        }
      }
    &__date {
      display: flex;
      @include toRem(font-size, 14);
      line-height: 25px;
      @include toRem(gap, 8);
  
      &::before {
        content: url(../images/Calender_icon.svg);
        inline-size: 25px;
      }
    }
  
    &__location {
      display: flex;
      @include toRem(font-size, 14);
      line-height: 25px;
      @include toRem(gap, 8);
  
      &::before {
        content: url(../images/globe_icon.svg);
        inline-size: 20px;
        color:#000;
      }
    }
  
    &__btnblock {
      display:flex;
    }
    &__btn {
      display: flex;
      align-items: center;
      @include toRem(font-size, 14);
      text-decoration: none;
      color: var(--zsl-White);
      font-weight: var(--zsl-SemiboldFW);
      background-color: var(--zsl-SupportingBrandColor);
      text-transform: uppercase;
      @include toRem(padding-block, 8);
      @include toRem(padding-inline, 16);
      @include toRem(border-radius, 4);
      transition: all .2s ease-in;
  
      &:hover {
        background-color: var(--zsl-ButtonColor);
        color: var(--zsl-White);
      }
  
      &--white {
        @include toRem(margin-block-start, 32);
        @include toRem(padding-inline, 24);
        @include toRem(padding-block, 12);
  
        &::after {
          content: url(../images/small-arrow_icon.svg);
          @include toRem(inline-size, 10);
          transform: rotate(-90deg) translateY(10px);
        }
      }
    }
  
  }

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.