Merge branch 'develop'

less/modules/alerts.less

@@ -7,6 +7,54 @@
 	bottom: 0px;
 
 	.alert {
+		&::before {
+			position: relative;
+			top: -15px;
+			left: -15px;
+			display: block;
+			height: 2px;
+			width: 0;
+			transition: inherit;
+		}
+
+		&.alert-info::before {
+			background-color: @material-info;
+		}
+
+		&.alert-warning::before {
+			background-color: @material-warning;
+		}
+
+		&.alert-success::before {
+			background-color: @material-success;
+		}
+
+		&.alert-danger::before {
+			background-color: @material-danger;
+		}
+
+		&.animate {
+			&.alert-info::before {
+				background-color: lighten(@brand-info, 25%);
+			}
+			
+			&.alert-warning::before {
+				background-color: lighten(@brand-warning, 25%);
+			}
+			
+			&.alert-success::before {
+				background-color: lighten(@brand-success, 25%);
+			}
+			
+			&.alert-danger::before {
+				background-color: lighten(@brand-danger, 25%);
+			}
+			
+			&::before {
+				width: ~"calc(100% + 50px)";
+			}
+		}
+
 		background-color: white;
 		border: 0;
 		border-left: 5px solid !important;