Notifications as object for better targetting; Notifications closing vs removing for animation window

src/scss/components/_notifications.scss

@@ -9,6 +9,7 @@
 	width: 300px;
 
 	.notification {
+		@include fadein();
 		display: block;
 		position: relative;
 		background: $blue;
@@ -17,14 +18,6 @@
 		color: $white;
 		pointer-events: all; 
 		border-radius: 3px;
-
-		&[data-duration="1"]{
-			@include fadeinout(1s);
-		}
-
-		&[data-duration="3"]{
-			@include fadeinout(3s);
-		}
 		
 		h4 {
 			padding-top: 0;
@@ -78,6 +71,10 @@
 			background: $red;
 		}
 
+		&.closing {
+			@include fadeout();
+		}
+
 		&.process {
 			position: relative;
 			padding-right: 18px;