<commit_before>/*=========================================
=      SYSTEM MESSAGES, NOTIFICATIONS     =
=========================================*/


  /* ===== FLASH MESSAGES =================================================== */

  $message-strip-darken-percentage: 7;

  .flash-message {
    color: $white;
    padding: $column-padding;
    margin-bottom: $base-spacing;

    // Message types

    &.error {
      background-color: $red-oyster-pink;
      border-left: 2px solid darken( $red-oyster-pink, $message-strip-darken-percentage );

      > * { color: $red-tamarillo; }

      > h2  {
        @include extend-icon-before( attention );
      }
    }

    &.warning {
      background-color: $yellow-pearl-lusta;
      border-left: 2px solid darken( $yellow-pearl-lusta, $message-strip-darken-percentage );

      > * {  color: $yellow-cinamon; }

      > h2  {
        @include extend-icon-before( megaphone );
      }
    }

    &.info {
      background-color: $blue-humming-bird;
      border-left: 2px solid darken( $blue-humming-bird, $message-strip-darken-percentage );

      > * { color: $blue-callypso; }

      > h2  {
        @include extend-icon-before( info );
      }

      // for info message fact row research hub
      &.info-row {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 2em 1.2em;

        @include media($tablet-and-smaller) {
          flex-wrap: wrap;
        }

        > * {
          &:first-child {
            flex: 0 0 20%;

            @include media($tablet-and-smaller) {
              flex-basis: 100%; 
              margin-bottom: 0.5em;
            }
          }

          &:not(:first-child) {
            flex: 0 0 23%;
            
            @include media($tablet-and-smaller) {
              flex-basis: 31%; 
            }
            @include media($mobile-large-and-smaller) {
              flex-basis: 100%; 
              margin-bottom: 0.5em;
            }
          }

        }

        > h2 {
          margin-bottom: 0;

          &:before {
            display: none;
          }
        }

        .info-col {
          border-bottom: 1px solid $blue-callypso;
          padding-bottom: 0.5em;

          h4, h5 {
            color: $blue-callypso;
          }

        }

      }
    }

    &.success {
      background-color: $green-tara;
      border-left: 2px solid darken( $green-tara, $message-strip-darken-percentage );

      > * { color: #2c6b2c; }

      > h2  {
        @include extend-icon-before( check );
      }
    }


    h2 { margin-bottom: .5em; }

    > * {
      &:last-child { margin-bottom: 0; }
    }

    a[href] {
      color: inherit;
      @include hoverify() { color: inherit; }
    }
  }
<commit_msg>Refactored to work with other message status colours<commit_after>/*=========================================
=      SYSTEM MESSAGES, NOTIFICATIONS     =
=========================================*/


  /* ===== FLASH MESSAGES =================================================== */

  $message-strip-darken-percentage: 7;

  .flash-message {
    color: $white;
    padding: $column-padding;
    margin-bottom: $base-spacing;

    // Message types

    &.error {
      background-color: $red-oyster-pink;
      border-left: 2px solid darken( $red-oyster-pink, $message-strip-darken-percentage );

      > * { color: $red-tamarillo; }

      > h2  {
        @include extend-icon-before( attention );
      }
    }

    &.warning {
      background-color: $yellow-pearl-lusta;
      border-left: 2px solid darken( $yellow-pearl-lusta, $message-strip-darken-percentage );

      > * {  color: $yellow-cinamon; }

      > h2  {
        @include extend-icon-before( megaphone );
      }
    }

    &.info {
      background-color: $blue-humming-bird;
      border-left: 2px solid darken( $blue-humming-bird, $message-strip-darken-percentage );

      > * { color: $blue-callypso; }

      > h2  {
        @include extend-icon-before( info );
      }


    }

    &.success {
      background-color: $green-tara;
      border-left: 2px solid darken( $green-tara, $message-strip-darken-percentage );

      > * { color: #2c6b2c; }

      > h2  {
        @include extend-icon-before( check );
      }
    }


    h2 { margin-bottom: .5em; }

    > * {
      &:last-child { margin-bottom: 0; }
    }

    a[href] {
      color: inherit;
      @include hoverify() { color: inherit; }
    }

    // for info message fact row research hub
    &.info-row {
      display: flex;
      align-items: center;
      justify-content: space-between;

      padding: 2em 1.2em;

      @include media($tablet-and-smaller) {
        flex-wrap: wrap;
      }

      > * {
        &:first-child {
          flex: 0 0 20%;

          @include media($tablet-and-smaller) {
            flex-basis: 100%; 
            margin-bottom: 0.5em;
          }
        }

        &:not(:first-child) {
          flex: 0 0 23%;
          
          @include media($tablet-and-smaller) {
            flex-basis: 31%; 
          }
          @include media($mobile-large-and-smaller) {
            flex-basis: 100%; 
            margin-bottom: 0.5em;
          }
        }

      }

      > h2 {
        margin-bottom: 0;

        &:before {
          display: none;
        }
      }

      .info-col {
        border-bottom: 1px solid $blue-callypso;
        border-bottom-color: inherit;
        padding-bottom: 0.5em;

        h4, h5 {
          color: inherit;
        }

      }

    }
  }

{'fraction_non_alphanumeric': 0.17941283073577383, 'fraction_numerical': 0.016310257339615802, 'mean_word_length': 1.6243461721350452, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, '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': '4624798', 'n_tokens_mistral': 1902, 'n_tokens_neox': 1735, 'n_words': 317}