Алерты с иконками, инвертированные

src/blocks/alert/alert--danger-invert.less

@@ -7,6 +7,15 @@
     background-color: @color-danger;
     border: 1px solid darken(@color-danger, 15%);
     color: #fff;
+
+    a {
+      color: inherit;
+      text-decoration: underline;
+
+      &:hover, &:focus {
+        text-decoration: none;
+      }
+    }
   }
 
 }

src/blocks/alert/alert--icon.less

+@import '../../less/variables.less';     // только для удобства обращения к переменным
+
+
+.alert {
+
+  &--icon {
+    display: flex;
+    align-items: center;
+
+    .alert__icon {
+      min-width: 3em;
+      min-height: 3em;
+      margin-right: 1em;
+      margin-left: 1em;
+
+      & + .alert__content {
+        padding-left: 1em;
+      }
+    }
+
+    .alert__content {
+      flex-grow: 1;
+
+      & + .alert__icon {
+        margin-left: 2em;
+      }
+    }
+
+  }
+}

src/blocks/alert/alert--success-invert.less

@@ -7,6 +7,15 @@
     background-color: @color-success;
     border: 1px solid darken(@color-success, 15%);
     color: #fff;
+
+    a {
+      color: inherit;
+      text-decoration: underline;
+
+      &:hover, &:focus {
+        text-decoration: none;
+      }
+    }
   }
 
 }

src/blocks/alert/alert.less

@@ -26,15 +26,36 @@
     margin-bottom: 0;
   }
 
+  &__link {
+    font-weight: 700;
+  }
+
   &--danger {
     background-color: lighten(saturate(spin(@color-danger, 2.2609), 35.5140%), 38%);
     border: 1px solid lighten(saturate(spin(@color-danger, 8.2609), 6.9426%), 25.4902%);
     color: @color-danger;
+    a {
+      color: inherit;
+      text-decoration: underline;
+
+      &:hover, &:focus {
+        text-decoration: none;
+      }
+    }
   }
 
   &--success {
     background-color: lighten(saturate(spin(@color-success, 2.2609), 35.5140%), 38%);
     border: 1px solid lighten(saturate(spin(@color-success, 8.2609), 6.9426%), 25.4902%);
     color: @color-success;
+    a {
+      color: inherit;
+      text-decoration: underline;
+
+      &:hover, &:focus {
+        text-decoration: none;
+      }
+    }
   }
+
 }

src/less/style.less

@@ -67,3 +67,4 @@
 @import './src/blocks/alert/alert.less';
 @import './src/blocks/alert/alert--danger-invert.less';
 @import './src/blocks/alert/alert--success-invert.less';
+@import './src/blocks/alert/alert--icon.less';