_banner.scss in magic_stylez-0.0.330

- old
+ new

@@ -48,16 +48,16 @@
 		background-color: rgba(255,255,255,.30);
 		z-index: 15;
 	}
 	
 	@each $clrName, $clrValue in $appColorz {
-	    &.#{$clrName}-bg, .#{$clrName}-bg, 
-	    &.bg-#{$clrName}, .bg-#{$clrName} {
+	    &.#{"" + $clrName}-bg, .#{"" + $clrName}-bg, 
+	    &.bg-#{"" + $clrName}, .bg-#{"" + $clrName} {
 	        background: #{ $clrValue };
 	    }
-	    &.#{$clrName}-text, .#{$clrName}-text, 
-	    &.text-#{$clrName}, .text-#{$clrName} {
+	    &.#{"" + $clrName}-text, .#{"" + $clrName}-text, 
+	    &.text-#{"" + $clrName}, .text-#{"" + $clrName} {
 	        color: #{ $clrValue };
 	    }
 	}
 	
 	.banner-content {
@@ -66,9 +66,23 @@
 	
 	
 	img { max-width: 100%; }
 }
 
+#banner-berlin {
+		background-color: rgba(255,255,255,.50);
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		background-image: image-url('magic/bgs/seucide.jpg');
+}
+#banner-one {
+		background-color: rgba(255,255,255,.50);
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: cover;
+		background-image: image-url("magic/bgs/hdr_landsberger.jpg");
+}
 
 .pic-bottom {
 	display: block; display: inline-block; position: relative;
 	height: 100%; width: 100%;
 	min-height: 300px;