static/js/page/index/kotlin-news-section.scss

@import "../../components/kto-link";

.kotlin-news-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

  margin-top: var(--m-space);
  margin-right: calc(-1*var(--s-space));
}

.kotlin-news-section__chunk {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1;
  margin-top: calc(-1*var(--m-space));

  @media (max-width: 640px) {
    & + .kotlin-news-section__chunk {
      margin-top: 0;
    }
  }
}

.kotlin-news-section__item,
.kotlin-news-section__item:any-link {
  display: flex;
  flex-direction: column;

  flex: 1 1;
  min-width: 230px;
  margin-top: var(--m-space);
  margin-right: var(--m-space);

  box-sizing: border-box;
  text-decoration: none;
}

.kotlin-news-section__title {
  @include kto-link-standalone;
}

.kotlin-news-section__item .kto-text_size_m {
  color: #fff;
  margin-top: var(--s-space);
}

.kotlin-news-section__item .kto-text_size_s {
  color: rgba(255, 255, 255, 0.5);
}

.kotlin-news-section__button {
  display: flex;
  justify-content: center;
  margin-top: var(--m-space);
}