<commit_before>// (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP

.control-icon {
  display: inline-block;
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  vertical-align: middle;
  cursor: pointer;
  fill: $icon-color;
  stroke: $icon-color;
  flex: 0 0 auto;

  *:not([stroke]) {
    &[fill="none"] {
      stroke-width: 0;
    }
  }

  *[stroke] {
    stroke: inherit;
  }

  *[fill*="#"] {
    fill: inherit;
  }

  @include graph-stroke-color();
  @include graph-fill-color();

  @include media-query(lap-and-up) {
    transition: all $base-animation-duration ease-in-out;
  }

  a:hover &,
  .anchor:hover:not(.anchor--disabled) &,
  .button:hover:not(.anchor--disabled) &,
  .menu__control:hover & {
    fill: $active-icon-color;
    stroke: $active-icon-color;
  }

  &__badge {
    circle {
      fill: $icon-badge-background-color;
    }

    text {
      stroke: $icon-badge-text-color;
      fill: $icon-badge-text-color;
    }
  }

  [class*="background-color-index-"]:not([class*="background-color-index-light"]) &,
  .button--primary & {
    fill: $colored-icon-color;
    stroke: $colored-icon-color;
  }

  [class*="background-color-index-"]:not([class*="background-color-index-light"]) a:hover > &,
  [class*="background-color-index-"]:not([class*="background-color-index-light"]) .anchor:hover > &,
  [class*="background-color-index-"]:not([class*="background-color-index-light"]) .button:hover > &,
  [class*="background-color-index-"]:not([class*="background-color-index-light"]) .menu__control:hover > &,
  .button--primary:hover & {
    fill: $active-colored-icon-color;
    stroke: $active-colored-icon-color;
  }

  &--active {
    fill: $active-icon-color;
    stroke: $active-icon-color;
  }

  &--large {
    width: round($inuit-base-spacing-unit * 2);
    height: round($inuit-base-spacing-unit * 2);
  }
}

.status-icon {
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  vertical-align: middle;
  flex: 0 0 auto;

  .status-icon__base {
    fill: map-get($brand-status-colors, unknown);
  }

  @each $status, $color in $brand-status-colors {
    &-#{$status} {
      .status-icon__base {
        fill: $color;
      }
    }
  }

  &-label {
    .status-icon__base {
      fill: map-get($brand-status-colors, unknown);
    }
  }

  &__detail {
    fill: $background-color;
    stroke: $background-color;
  }

  &-unknown {
    .status-icon__detail {
      fill: map-get($brand-status-colors, unknown);
      stroke: map-get($brand-status-colors, unknown);
    }
  }

  &--large {
    width: double($inuit-base-spacing-unit);
    height: double($inuit-base-spacing-unit);
  }

  &--small {
    width: halve($inuit-base-spacing-unit);
    height: halve($inuit-base-spacing-unit);
    // adjust margin so it aligns with text better
    margin-top: quarter($inuit-base-spacing-unit);
    margin-bottom: quarter($inuit-base-spacing-unit);

    .status-icon__detail {
      display: none;
    }
  }
}

@include keyframes(rotate) {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.icon-changing {
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  @include animation('rotate 1.5s linear infinite');

  &--small {
    width: halve($inuit-base-spacing-unit);
    height: halve($inuit-base-spacing-unit);
  }
}

.icon-spinning {
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  @include animation('rotate 4s steps(4, end) infinite');

  &--small {
    width: halve($inuit-base-spacing-unit);
    height: halve($inuit-base-spacing-unit);
  }
}

.logo-icon {
  width: double($inuit-base-spacing-unit);
  height: double($inuit-base-spacing-unit);

  @include graph-stroke-color();

  &--small {
    width: $inuit-base-spacing-unit;
    height: $inuit-base-spacing-unit;
  }

  &--large {
    width: quadruple($inuit-base-spacing-unit);
    height: quadruple($inuit-base-spacing-unit);
  }
}

.right-left-icon {
  &--left {
    display: none;
  }

  html.rtl & {
    &--left {
      display: inline;
    }

    &--right {
      display: none;<commit_msg>Added support for huge icons.<commit_after>// (C) Copyright 2014-2015 Hewlett Packard Enterprise Development LP

.control-icon {
  display: inline-block;
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  vertical-align: middle;
  cursor: pointer;
  fill: $icon-color;
  stroke: $icon-color;
  flex: 0 0 auto;

  *:not([stroke]) {
    &[fill="none"] {
      stroke-width: 0;
    }
  }

  *[stroke] {
    stroke: inherit;
  }

  *[fill*="#"] {
    fill: inherit;
  }

  @include graph-stroke-color();
  @include graph-fill-color();

  @include media-query(lap-and-up) {
    transition: all $base-animation-duration ease-in-out;
  }

  a:hover &,
  .anchor:hover:not(.anchor--disabled) &,
  .button:hover:not(.anchor--disabled) &,
  .menu__control:hover & {
    fill: $active-icon-color;
    stroke: $active-icon-color;
  }

  &__badge {
    circle {
      fill: $icon-badge-background-color;
    }

    text {
      stroke: $icon-badge-text-color;
      fill: $icon-badge-text-color;
    }
  }

  [class*="background-color-index-"]:not([class*="background-color-index-light"]) &,
  .button--primary & {
    fill: $colored-icon-color;
    stroke: $colored-icon-color;
  }

  [class*="background-color-index-"]:not([class*="background-color-index-light"]) a:hover > &,
  [class*="background-color-index-"]:not([class*="background-color-index-light"]) .anchor:hover > &,
  [class*="background-color-index-"]:not([class*="background-color-index-light"]) .button:hover > &,
  [class*="background-color-index-"]:not([class*="background-color-index-light"]) .menu__control:hover > &,
  .button--primary:hover & {
    fill: $active-colored-icon-color;
    stroke: $active-colored-icon-color;
  }

  &--active {
    fill: $active-icon-color;
    stroke: $active-icon-color;
  }

  &--large {
    width: double($inuit-base-spacing-unit);
    height: double($inuit-base-spacing-unit);
  }

  &--huge {
    width: $inuit-base-spacing-unit * 12;
    height: $inuit-base-spacing-unit * 12;
  }
}

.status-icon {
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  vertical-align: middle;
  flex: 0 0 auto;

  .status-icon__base {
    fill: map-get($brand-status-colors, unknown);
  }

  @each $status, $color in $brand-status-colors {
    &-#{$status} {
      .status-icon__base {
        fill: $color;
      }
    }
  }

  &-label {
    .status-icon__base {
      fill: map-get($brand-status-colors, unknown);
    }
  }

  &__detail {
    fill: $background-color;
    stroke: $background-color;
  }

  &-unknown {
    .status-icon__detail {
      fill: map-get($brand-status-colors, unknown);
      stroke: map-get($brand-status-colors, unknown);
    }
  }

  &--large {
    width: double($inuit-base-spacing-unit);
    height: double($inuit-base-spacing-unit);
  }

  &--huge {
    width: $inuit-base-spacing-unit * 12;
    height: $inuit-base-spacing-unit * 12;
  }

  &--small {
    width: halve($inuit-base-spacing-unit);
    height: halve($inuit-base-spacing-unit);
    // adjust margin so it aligns with text better
    margin-top: quarter($inuit-base-spacing-unit);
    margin-bottom: quarter($inuit-base-spacing-unit);

    .status-icon__detail {
      display: none;
    }
  }
}

@include keyframes(rotate) {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.icon-changing {
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  @include animation('rotate 1.5s linear infinite');

  &--small {
    width: halve($inuit-base-spacing-unit);
    height: halve($inuit-base-spacing-unit);
  }
}

.icon-spinning {
  width: $inuit-base-spacing-unit;
  height: $inuit-base-spacing-unit;
  @include animation('rotate 4s steps(4, end) infinite');

  &--small {
    width: halve($inuit-base-spacing-unit);
    height: halve($inuit-base-spacing-unit);
  }
}

.logo-icon {
  width: double($inuit-base-spacing-unit);
  height: double($inuit-base-spacing-unit);

  @include graph-stroke-color();

  &--small {
    width: $inuit-base-spacing-unit;
    height: $inuit-base-spacing-unit;
  }

  &--large {
    width: quadruple($inuit-base-spacing-unit);
    height: quadruple($inuit-base-spacing-unit);
  }

  &--huge {
    width: $inuit-base-spacing-unit * 12;
    height: $inuit-base-spacing-unit * 12;
  }
}

.right-left-icon {
  &--left {
    display: none;
  }

  html.rtl & {
    &--left {
      display: inline;
    }

    &--right {
      display: none;
{'fraction_non_alphanumeric': 0.18181818181818182, 'fraction_numerical': 0.007731958762886598, 'mean_word_length': 2.9304788213627995, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5513458', 'n_tokens_mistral': 3275, 'n_tokens_neox': 3065, 'n_words': 480}