<commit_before>/* SG
# IFS/Alert - warning

```
<script>
function showWarning(){
  var html = '\
  <div class="event-alert">\
      <p><span>This is a warning</span></p>\
  </div>';
  jQuery('body').append(html)
}
</script>

<button class="button" onclick="showWarning()">show the warning alert</button>

```
*/

/* SG
# IFS/Alert - alert

Don't use the javascript underneath which is just for demo, just add the html fragment
```

<script>
function showAlert(){
  var html = '\
  <div class="event-alert-error">\
      <p><span>This is a alert</span></p>\
  </div>';
  jQuery('body').append(html)
}
</script>

<button class="button" onclick="showAlert()">show the alert</button>

```
*/
@include keyframes(slideup) {
    0% {
        @include transform(translate(0,0));
    }
    100% {
        @include transform(translate(0,-120px));

    }
}
.no-js .event-alert {
    position: relative;
}


.event-alert {
    position:fixed;
    @include ie-lte(10) {
      position:relative; //because ie9 and lower don't have css animations we have the content at the top of the page all the time.
    }

    background-color: $grey-3;
    display: block;
    font-size: 19px;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;<commit_msg>Small change in event alerts when there is no js<commit_after>/* SG
# IFS/Alert - warning

```
<script>
function showWarning(){
  var html = '\
  <div class="event-alert">\
      <p><span>This is a warning</span></p>\
  </div>';
  jQuery('body').append(html)
}
</script>

<button class="button" onclick="showWarning()">show the warning alert</button>

```
*/

/* SG
# IFS/Alert - alert

Don't use the javascript underneath which is just for demo, just add the html fragment
```

<script>
function showAlert(){
  var html = '\
  <div class="event-alert-error">\
      <p><span>This is a alert</span></p>\
  </div>';
  jQuery('body').append(html)
}
</script>

<button class="button" onclick="showAlert()">show the alert</button>

```
*/
@include keyframes(slideup) {
    0% {
        @include transform(translate(0,0));
    }
    100% {
        @include transform(translate(0,-120px));

    }
}

.event-alert {
    position:fixed;
    @include ie-lte(10) {
      position:relative; //because ie9 and lower don't have css animations we have the content at the top of the page all the time.
    }

    background-color: $grey-3;
    display: block;
    font-size: 19px;
    left: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
{'fraction_non_alphanumeric': 0.16865552903739062, 'fraction_numerical': 0.01988862370723946, 'mean_word_length': 3.0499194847020936, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, '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': '4267915', 'n_tokens_mistral': 900, 'n_tokens_neox': 836, 'n_words': 234}