<commit_before>// Error styles
$alert-box-error-bg-color: #bd362f !default;
$alert-box-error-border-color: lighten($alert-box-error-bg-color, 30%) !default;
$alert-box-error-color: white !default;

// Warning styles
$alert-box-warning-bg-color: #f89406 !default;
$alert-box-warning-border-color: lighten($alert-box-warning-bg-color, 30%) !default;
$alert-box-warning-color: white !default;

// Info styles
$alert-box-info-bg-color: #2f96b4 !default;
$alert-box-info-border-color: lighten($alert-box-info-bg-color, 30%) !default;
$alert-box-info-color: white !default;

// Success styles
$alert-box-success-bg-color: #51a351 !default;
$alert-box-success-border-color: lighten($alert-box-success-bg-color, 30%) !default;
$alert-box-success-color: white !default;

// Layout styles
$alert-box-position: absolute !default;
$closable-button-padding: 34px !default;
$alert-box-max-width: 380px !default;
$alert-box-bottom: 0 !default;
$alert-box-margin: 0 0 10px 10px !default;
$alert-box-padding: 15px !default;
$alert-box-border: 1px solid transparent !default;

$alert-box-close-top: calc(50%); // Center vertically with 50% - close button height / 2
$alert-box-reload-link-color: white !default;

$alert-box-z-index: 1051; // bootstrap alert z-index + 1


@mixin react-alert-box($bg-color, $border-color, $color) {
  background-color: $bg-color;
  border-color: $border-color;
  color: $color;
  .alert-box-close {
    color: transparentize($color, 0.4);<commit_msg>Add missing !default css property<commit_after>// Error styles
$alert-box-error-bg-color: #bd362f !default;
$alert-box-error-border-color: lighten($alert-box-error-bg-color, 30%) !default;
$alert-box-error-color: white !default;

// Warning styles
$alert-box-warning-bg-color: #f89406 !default;
$alert-box-warning-border-color: lighten($alert-box-warning-bg-color, 30%) !default;
$alert-box-warning-color: white !default;

// Info styles
$alert-box-info-bg-color: #2f96b4 !default;
$alert-box-info-border-color: lighten($alert-box-info-bg-color, 30%) !default;
$alert-box-info-color: white !default;

// Success styles
$alert-box-success-bg-color: #51a351 !default;
$alert-box-success-border-color: lighten($alert-box-success-bg-color, 30%) !default;
$alert-box-success-color: white !default;

// Layout styles
$alert-box-position: absolute !default;
$closable-button-padding: 34px !default;
$alert-box-max-width: 380px !default;
$alert-box-bottom: 0 !default;
$alert-box-margin: 0 0 10px 10px !default;
$alert-box-padding: 15px !default;
$alert-box-border: 1px solid transparent !default;

$alert-box-close-top: calc(50%); // Center vertically with 50% - close button height / 2
$alert-box-reload-link-color: white !default;

$alert-box-z-index: 1051 !default; // bootstrap alert z-index + 1


@mixin react-alert-box($bg-color, $border-color, $color) {
  background-color: $bg-color;
  border-color: $border-color;
  color: $color;
  .alert-box-close {
    color: transparentize($color, 0.4);
{'fraction_non_alphanumeric': 0.17450118363205952, 'fraction_numerical': 0.03517078119715928, 'mean_word_length': 4.754863813229572, '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': '6598473', 'n_tokens_mistral': 1146, 'n_tokens_neox': 1053, 'n_words': 224}