Adding 2x logo for retina displays. Closes #1458

Conflicts: src/html/assets/themes/fabrizio1.0/config/settings.ini src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less
photo · Jun 18, 2014 · 30c6606 · 30c6606
1 parent 0a6ce11
commit 30c6606
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/html/assets/themes/fabrizio1.0/config/settings.ini b/src/html/assets/themes/fabrizio1.0/config/settings.ini
@@ -1,5 +1,5 @@
 [site]
-mediaVersion="f1"
+mediaVersion="f8"
 
 [behavior]
 useDefaultMobile="0"

diff --git a/src/html/assets/themes/fabrizio1.0/stylesheets/less/components/header.less b/src/html/assets/themes/fabrizio1.0/stylesheets/less/components/header.less
@@ -58,6 +58,10 @@ body.trovebox {
       height: 32px;
       width: 119px;
       text-indent: -9999em;
+      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
+        background:url("@{logo2x}") 50% 50% no-repeat;
+        background-size: 119px 32px;
+      }
     }
   }
 

diff --git a/src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less b/src/html/assets/themes/fabrizio1.0/stylesheets/less/variables.less
@@ -3,6 +3,8 @@
 @color_theme_tertiary: #a9a87c;
 @color_brand: #FFCC05;
 
+@logo2x: "../images/[email protected]";
+
 // @color_banner_primary: @color_theme;
 @color_banner_primary: #3b2414;
 @color_banner_secondary: #d3d4d6;