<commit_before>@import "../settings";
@import "../tools";

.c-collection__header-row {
  @include clearfix;
  @include core-font(16);
  padding-bottom: ($default-spacing-unit / 2);

  &:first-child {
    border-bottom: 5px solid $text-colour;
  }

  &:not(first-child) {
    padding-top: ($default-spacing-unit / 2);
    border-bottom: 1px solid $grey-2;
  }
}

.c-collection__header-intro {
  @include core-font(24);
  display: inline-block;
}

.c-collection__header-actions {
  @include media(tablet) {
    float: right;

    * + * {
      margin-left: $default-spacing-unit;
    }
  }
}

.c-collection__result-count {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

// Export button

.c-collection__export-message {
  color: $black;
  line-height: $default-spacing-unit * 2;
}

// Filter summary

.c-collection__filter-summary {
  clear: both;
}

.c-collection__filter-tag {
  color: $text-colour;
  display: inline-block;
  position: relative;
  margin-right: $default-spacing-unit / 2;
  margin-top: $default-spacing-unit / 2;
  padding: 0 ($default-spacing-unit / 2);
  background: $grey-4;
  cursor: default;
}

.c-collection__filter-label {
  color: $grey-1;

  &::after {
    content: ":";
  }
}

.c-collection__filter-value {
  font-weight: 600;
}

.c-collection__filter-remove {
  position: absolute;
  top: $baseline-grid-unit;
  right: $baseline-grid-unit;
  text-decoration: none;
  float: right;
  font-size: 24px;
  line-height: .7;

  &:link,
  &:visited {
    color: $text-colour;
  }

  &:hover {
    color: $red;
  }
}

.c-collection__filter-remove-all {
  display: inline-block;
  line-height: 1.2;
  margin-top: $default-spacing-unit / 2;
  margin-bottom: $default-spacing-unit / 2;

  &:link,
  &:visited {
    color: $link-colour;
  }
}

.c-collection__pagination-summary {
  color: $grey-1;
  line-height: $default-spacing-unit * 2;
}

.c-collection__sort-form {
  margin-top: $default-spacing-unit / 2;
  display: flex;

  .c-form-group--inline {
    display: flex;
    align-items: center;
  }

  .c-form-group__label {
    margin-bottom: 0;
    margin-right: $default-spacing-unit / 2;
  }

  @include media(tablet) {
    margin-top: 0;
    float: right;
  }

  .button {
    margin-left: $default-spacing-unit / 2;
    margin-bottom: 2px;
  }
}<commit_msg>Style new total cost details on OMIS collection list page<commit_after>@import "../settings";
@import "../tools";

.c-collection__header-row {
  @include clearfix;
  @include core-font(16);
  padding-bottom: ($default-spacing-unit / 2);

  &:first-child {
    border-bottom: 5px solid $text-colour;
  }

  &:not(first-child) {
    padding-top: ($default-spacing-unit / 2);
    border-bottom: 1px solid $grey-2;
  }
}

.c-collection__header-intro {
  @include core-font(24);
  display: inline-block;
}

.c-collection__header-actions {
  @include media(tablet) {
    float: right;

    * + * {
      margin-left: $default-spacing-unit;
    }
  }
}

.c-collection__result-count {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

// Export button

.c-collection__export-message {
  color: $black;
  line-height: $default-spacing-unit * 2;
}

// Filter summary

.c-collection__filter-summary {
  clear: both;
}

.c-collection__filter-tag {
  color: $text-colour;
  display: inline-block;
  position: relative;
  margin-right: $default-spacing-unit / 2;
  margin-top: $default-spacing-unit / 2;
  padding: 0 ($default-spacing-unit / 2);
  background: $grey-4;
  cursor: default;
}

.c-collection__filter-label {
  color: $grey-1;

  &::after {
    content: ":";
  }
}

.c-collection__filter-value {
  font-weight: 600;
}

.c-collection__filter-remove {
  position: absolute;
  top: $baseline-grid-unit;
  right: $baseline-grid-unit;
  text-decoration: none;
  float: right;
  font-size: 24px;
  line-height: .7;

  &:link,
  &:visited {
    color: $text-colour;
  }

  &:hover {
    color: $red;
  }
}

.c-collection__filter-remove-all {
  display: inline-block;
  line-height: 1.2;
  margin-top: $default-spacing-unit / 2;
  margin-bottom: $default-spacing-unit / 2;

  &:link,
  &:visited {
    color: $link-colour;
  }
}

.c-collection__pagination-summary {
  color: $grey-1;
  line-height: $default-spacing-unit * 2;
}

.c-collection__sort-form {
  margin-top: $default-spacing-unit / 2;
  display: flex;

  .c-form-group--inline {
    display: flex;
    align-items: center;
  }

  .c-form-group__label {
    margin-bottom: 0;
    margin-right: $default-spacing-unit / 2;
  }

  @include media(tablet) {
    margin-top: 0;
    float: right;
  }

  .button {
    margin-left: $default-spacing-unit / 2;
    margin-bottom: 2px;
  }
}

.c-collection__total-cost {
  padding-top: $default-spacing-unit / 2;

  .c-collection__total-cost__value{
    font-weight: 600;
  }
}
{'fraction_non_alphanumeric': 0.16296606619187265, 'fraction_numerical': 0.017595307917888565, 'mean_word_length': 2.894779771615008, 'pattern_counts': {'":': 2, '<': 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': '7651076', 'n_tokens_mistral': 1946, 'n_tokens_neox': 1801, 'n_words': 332}