<commit_before>@import "../../globals.core";

// Chip
// --------------------------------------------------

$chip-background-color:      rgba(0, 0, 0, .12) !default;
$chip-font-size:             13px !default;
$chip-height:                32px !default;
$chip-border-radius:         16px !default;
$chip-padding:               0 12px !default;
$chip-margin:                2px 0 !default;

$chip-label-color:           rgba(0, 0, 0, .87) !default;
$chip-icon-color:            rgba(0, 0, 0, .87) !default;

ion-chip {
  display: inline-flex;

  align-self: center;

  margin: $chip-margin;
  padding: $chip-padding;

  height: $chip-height;

  border-radius: $chip-border-radius;
  font-size: $chip-font-size;
  font-weight: normal;
  line-height: $chip-height;
  background: $chip-background-color;

  vertical-align: middle;

  box-sizing: border-box;

  ion-label {
    margin: 0;

    color: $chip-label-color;
  }

  > ion-icon,
  > ion-avatar {
    margin-left: -12px;

    width: 32px;
    height: 32px;

    border-radius: 50%;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: $chip-icon-color;
    vertical-align: top;

    img {
      display: block;

      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%;

      border-radius: 50%;
    }

    + ion-label {
      margin-left: 8px;
    }
  }

  ion-avatar {
    min-width: 32px;
    min-height: 32px;
  }

  .button {
    margin: 0;
    margin-right: -4px;

    height: inherit;
  }

  ion-icon[name="close-circle"] {
    font-size: 1.2em;
  }
}<commit_msg>style(chips): fix 'remove chip' styling<commit_after>@import "../../globals.core";

// Chip
// --------------------------------------------------

$chip-background-color:      rgba(0, 0, 0, .12) !default;
$chip-font-size:             13px !default;
$chip-height:                32px !default;
$chip-border-radius:         16px !default;
$chip-padding:               0 12px !default;
$chip-margin:                2px 0 !default;

$chip-label-color:           rgba(0, 0, 0, .87) !default;
$chip-icon-color:            rgba(0, 0, 0, .87) !default;
$chip-remove-color:          rgba(137, 137, 137, .54) !default;

ion-chip {
  display: inline-flex;

  align-self: center;

  margin: $chip-margin;
  padding: $chip-padding;

  height: $chip-height;

  border-radius: $chip-border-radius;
  font-size: $chip-font-size;
  font-weight: normal;
  line-height: $chip-height;
  background: $chip-background-color;

  vertical-align: middle;

  box-sizing: border-box;

  ion-label {
    margin: 0;

    color: $chip-label-color;
  }

  > ion-icon,
  > ion-avatar {
    margin-left: -12px;

    width: 32px;
    height: 32px;

    border-radius: 50%;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: $chip-icon-color;
    vertical-align: top;

    img {
      display: block;

      width: 100%;
      max-width: 100%;
      height: 100%;
      max-height: 100%;

      border-radius: 50%;
    }

    + ion-label {
      margin-left: 8px;
    }
  }

  ion-avatar {
    min-width: 32px;
    min-height: 32px;
  }

  .button {
    margin: 0;
    margin-right: -4px;

    height: inherit;
  }

  ion-icon[name="close-circle"] {
    margin: 0 -8px 2px -4px;

    font-size: 1.4em;

    color: $chip-remove-color;
  }
}
{'fraction_non_alphanumeric': 0.18417874396135267, 'fraction_numerical': 0.041968599033816424, 'mean_word_length': 1.8909249563699826, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '7032892', 'n_tokens_mistral': 1343, 'n_tokens_neox': 1186, 'n_words': 255}