<commit_before>@import 'variables';

.mb-tabs {
  width: 100%;
  position: relative;

  .tab-nav {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;

    ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;

      li {
        display: inline-block;
        margin: 0 5px;
        padding: 10px 40px;

        &.selected {
          border-bottom: 5px solid @mb-theme-color;
          a {
            color: @link-hover-color;
          }
        }
      }
    }
  }

  .tab-body {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    &.selected {
      display: block;
    }

    .mb-tab {
      width: 100%;
      height: 100%;
      position: relative;
    }
  }
}
<commit_msg>Add transition<commit_after>@import 'variables';

.mb-tabs {
  width: 100%;
  position: relative;

  .tab-nav {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    bottom: 0;

    ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0;

      li {
        display: inline-block;
        margin: 0 5px;
        padding: 10px 40px;

        &.selected {
          border-bottom: 5px solid @mb-theme-color;
          a {
            color: @link-hover-color;
          }
        }
      }
    }
  }

  .tab-body {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.2s;
    transform: translateY(-50px);

    &.selected {
      opacity: 1;
      transform: translateY(0);
    }

    .mb-tab {
      width: 100%;
      height: 100%;
      position: relative;
    }
  }
}

{'fraction_non_alphanumeric': 0.12931034482758622, 'fraction_numerical': 0.03933189655172414, 'mean_word_length': 1.4993270524899058, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7279902', 'n_tokens_mistral': 717, 'n_tokens_neox': 636, 'n_words': 158}