Service tiles; Start handling disabled services

src/scss/components/_grid.scss

@@ -137,4 +137,93 @@
 			}	
 		}
 	}
+}
+
+
+.tiles {
+	padding-bottom: 60px;
+
+	.tile {
+		color: $white;
+		text-align: center;
+		position: relative;
+		z-index: 1;
+		float: left;
+		overflow: hidden;
+
+		.content {
+			display: block;
+			position: absolute;
+			top: 50%;
+			left: 10%;
+			right: 10%;
+			vertical-align: top;
+			margin-top: -12px;
+			font-size: 16px;
+			z-index: 2;
+		}
+
+		&:last-child {
+			@include clearfix();
+		}
+
+		&:before {
+			content: '';
+			display: block;
+			width: 100%;
+			padding-bottom: 100%;
+			background: lighten($dark_grey,2%);
+			z-index: -2;
+		}
+
+		&.thumbnail-wrapper {
+			&:before {
+				display: none;
+			}
+		}
+	}
+
+	&.artist-stats {
+
+		.tile {
+			.fa {
+				display: block;
+				position: absolute;
+				top: 50%;
+				left: 10%;
+				right: 10%;
+				text-align: center;
+				margin-top: -27px;
+				font-size: 60px;
+				z-index: -1;
+				opacity: 0.1;
+			}
+		}
+
+		@include responsive( null, $bp_medium ){
+			.tile {
+				@include grid_item( 2 );
+			}
+		}
+
+		@include responsive( $bp_medium ){
+			padding-bottom: 20px;
+			
+			.tile {
+				@include grid_item( 3 );
+			}
+		}
+
+		@include responsive( $bp_narrow ){
+			.tile {
+				.text {
+					font-size: 14px;
+					.fa {
+						font-size: 28px;
+						margin-top: -12px;
+					}
+				}
+			}
+		}
+	}
 }

src/scss/components/_images.scss

@@ -84,82 +84,3 @@
 		}
 	}
 }
-
-.tiles {
-	padding-bottom: 60px;
-
-	.tile {
-		color: $white;
-		text-align: center;
-		position: relative;
-		z-index: 1;
-		float: left;
-		overflow: hidden;
-
-		.text {
-			display: block;
-			position: absolute;
-			top: 50%;
-			left: 10%;
-			right: 10%;
-			vertical-align: top;
-			margin-top: -12px;
-			font-size: 16px;
-			z-index: 2;
-
-			.fa {
-				display: block;
-				position: absolute;
-				top: 50%;
-				left: 10%;
-				right: 10%;
-				text-align: center;
-				margin-top: -27px;
-				font-size: 60px;
-				z-index: -1;
-				opacity: 0.1;
-			}
-		}
-
-		&:before {
-			content: '';
-			display: block;
-			width: 100%;
-			padding-bottom: 100%;
-			background: lighten($dark_grey,2%);
-			z-index: -2;
-		}
-
-		&.thumbnail-wrapper {
-			&:before {
-				display: none;
-			}
-		}
-	}
-
-	@include responsive( null, $bp_medium ){
-		.tile {
-			@include grid_item( 2 );
-		}
-	}
-
-	@include responsive( $bp_medium ){
-		padding-bottom: 20px;
-		
-		.tile {
-			@include grid_item( 3 );
-		}
-	}
-
-	@include responsive( $bp_narrow ){
-		.tile {
-			.text {
-				font-size: 14px;
-				.fa {
-					font-size: 28px;
-					margin-top: -12px;
-				}
-			}
-		}
-	}
-}

src/scss/components/_notifications.scss

@@ -47,11 +47,16 @@
 			background: $green;
 		}
 
-		&.broadcast {
+		&.broadcast,
+		&.info {
 			background: $yellow;
 			color: $black;
 		}
 
+		&.warning {
+			background: $orange;
+		}
+
 		&.bad {
 			background: $red;
 		}