& when (@message-enabled) {

  .message {

    // Align the icon next to content
    align-items: flex-start;
    display: flex;

    &-icon {
      fill: currentColor;
      flex: 0 0 auto;
      margin-right: @alert-icon-margin-right;
    }

    &-content {
      flex: 1 1 auto;
      word-break: break-word;

      // Remove top margin from the first child so we're not reliant on flush-top
      > :first-child {
        margin-top: 0;
      }

      // Remove bottom margin from the last child so we're not reliant on flush-bottom
      > :last-child {
        margin-bottom: 0;
      }
    }

    // Make message content the same color by default
    a,
    p,
    ul,
    li,
    h1,
    h2,
    h3,
    h4,
    h5 {
      color: inherit;
    }
  }
}

& when (@message-enabled) {

  .message {

    // Align the icon next to content
    align-items: flex-start;
    display: flex;

    &-icon {
      fill: currentColor;
      flex: 0 0 auto;
      margin-right: @message-icon-margin-right;
    }

    &-content {
      flex: 1 1 auto;
      word-break: break-word;

      // Remove top margin from the first child so we're not reliant on flush-top
      > :first-child {
        margin-top: 0;
      }

      // Remove bottom margin from the last child so we're not reliant on flush-bottom
      > :last-child {
        margin-bottom: 0;
      }
    }

    // Make message content the same color by default
    a,
    p,
    ul,
    li,
    h1,
    h2,
    h3,
    h4,
    h5 {
      color: inherit;
    }
  }
}

Rename alert variable to message variable
refactor(message): Rename alert variable to message variable
