@import '../../../styles/core.scss';

.HTTPStatus {
  display: inline-flex;
  align-items: baseline;
  padding: 5px 3px;
  line-height: 0.4;

  &#{&} {
    border-radius: 3px;
    color: get(grays, 2);
    &_5,
    &_4 { color: get(color 'red')    }
    &_3 { color: get(color 'yellow') }
    &_2 { color: get(color 'green')  }
    &_1 { color: get(grays, 2)      }
  }

  &-chit {}
  &-status {
    margin-left: .15em;
  }
}