conditional header-logo

2 files changed, 18 insertions, 4 deletions

diff --git a/assets/css/_structure.less b/assets/css/_structure.less
index 7fc59d8..1180fd4 100644
--- a/assets/css/_structure.less
+++ b/assets/css/_structure.less
@@ -3,7 +3,7 @@
 @import "_mejs_hacks.less";
 @import "_footer.less";
 
-@img: '../img/';
+@img: '../img';
 
 @grid-float-breakpoint:     @screen-xs-min;
 
@@ -33,9 +33,23 @@
 // website configuration styles
 
 nav {
-	.navbar-brand > img {
-		float: left;
-		margin-right: @navbar-padding-horizontal;
+	.navbar-brand {
+		line-height: 27px;
+
+		.icon {
+			background-repeat: no-repeat;
+			background-image: url("@{img}/tv.png");
+
+			float: left;
+			display: block;
+			width: 27px;
+			height: 27px;
+			margin-right: @padding-base-horizontal;
+		}
+
+		.icon when (luma(@navbar-default-bg) > 50%) {
+			background-image: url("@{img}/tv-inverse.png");
+		}
 	}
 	
 	.button-wrapper > .btn {
diff --git a/assets/img/tv-inverse.png b/assets/img/tv-inverse.png
new file mode 100644
index 0000000..45275bf
--- /dev/null
+++ b/assets/img/tv-inverse.png