Untitled

 avatar
unknown
plain_text
17 days ago
1.9 kB
3
Indexable
@import "../../assets/scss/media";

.sponsorWrap {
  width: 100%;
  height: 100%;
  padding: 15px;
  border-bottom: 0.2rem solid #fef9c4;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;

  // box-sizing: border-box;
  
  &::-webkit-scrollbar {
    display: none;
  }
}

// @keyframes marquee {
//   0% {
//     transform: translateX(100%);
//   }
//   100% {
//     transform: translateX(-100%);
//   }
// }

.new-sponsor-panel {
  border-right: 0.2rem solid #172046;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-width: 150px;
  // margin-right: 1rem;
  &:last-child {
    margin-right: 0;
    border: none;
  }
  @include x-tablet {
    flex: unset;
    // animation: marquee 15s linear infinite;
  }
}

.new-sponsor-panel-wrapper {
  @include x-tablet {
    
  display: flex;
  animation: marquee 30s linear infinite;
  }
}

.new-sponsor-panel__font {
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
  color: #172046;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1rem;
  position: relative;
  height: 33%;
  padding: 0 0.5rem;
  @include x-tablet {
    font-size: 1.2rem;
  }
}

.new-sponsor-panel__logo--wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0.5rem;
  height: 100%;
  width: 100%;
}

.new-sponsor-panel__logo--wrap a img {
  height: auto;
  width: 17rem;
  @include x-tablet {
    width: 100%;
  }
}

.new-sponsor-panel__logo--wrap--1 {
  display: flex;
  justify-content: center;
}

 /* Duplicate the content */
//  .new-sponsor-panel-wrapper::after {
//   content: "";
//   display: flex;
// }
Leave a Comment