From 2920473ea15a9d44996a2c04e5e8e25dc07c4f98 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.
---
 docs/_layouts/default.html                        |   2 +-
 docs/css/react.scss                               |   3 +++
 docs/img/{logo_small@2x.png => logo_small_2x.png} | Bin
 3 files changed, 4 insertions(+), 1 deletion(-)
 rename docs/img/{logo_small@2x.png => logo_small_2x.png} (100%)

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index b7caab88e0..76bf4161f1 100644
--- a/docs/_layouts/default.html
+++ b/docs/_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/docs/css/react.scss b/docs/css/react.scss
index 938f559380..8cd307a9bf 100644
--- a/docs/css/react.scss
+++ b/docs/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/docs/img/logo_small@2x.png b/docs/img/logo_small_2x.png
similarity index 100%
rename from docs/img/logo_small@2x.png
rename to docs/img/logo_small_2x.png