From 9cf9b9769e4afa62ea56fd7b3d716586a54b12cb Mon Sep 17 00:00:00 2001
From: Cheng Lou <chenglou92@gmail.com>
Date: Sat, 23 Aug 2014 18:09:20 -0700
Subject: [PATCH] [Docs] Make retina react logo work

Bourbon now takes *_2x instead of *@2x.
---
 _layouts/default.html                        |   2 +-
 css/react.scss                               |   3 +++
 img/{logo_small@2x.png => logo_small_2x.png} | Bin
 3 files changed, 4 insertions(+), 1 deletion(-)
 rename img/{logo_small@2x.png => logo_small_2x.png} (100%)

diff --git a/_layouts/default.html b/_layouts/default.html
index b7caab88e..76bf4161f 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -42,7 +42,7 @@
     <div class="nav-main">
       <div class="wrap">
         <a class="nav-home" href="/react/index.html">
-          <img class="nav-logo" alt="" src="/react/img/logo_small.png" width="38" height="38">
+          <div class="nav-logo"></div>
           React
         </a>
         <ul class="nav-site">
diff --git a/css/react.scss b/css/react.scss
index 938f55938..8cd307a9b 100644
--- a/css/react.scss
+++ b/css/react.scss
@@ -149,6 +149,9 @@ h1, h2, h3, h4, h5, h6 {
   .nav-logo {
     @include retina-image('../img/logo_small', 38px 38px);
     vertical-align: middle;
+    display: inline-block;
+    width: 38px;
+    height: 38px;
   }
 
   ul {
diff --git a/img/logo_small@2x.png b/img/logo_small_2x.png
similarity index 100%
rename from img/logo_small@2x.png
rename to img/logo_small_2x.png