Added icon for external links in Docs nav and removed Complementary T…

…ools and Examples in favor of this icon
facebook · Feb 22, 2016 · de85f7d · de85f7d
1 parent 5ebb784
commit de85f7d
Show file tree

Hide file tree

Showing 12 changed files with 18 additions and 68 deletions.
diff --git a/docs/_data/nav_docs.yml b/docs/_data/nav_docs.yml
@@ -14,8 +14,10 @@
     title: Videos
   - id: complementary-tools
     title: Complementary Tools
+    href: https://github.com/facebook/react/wiki/Complementary-Tools
   - id: examples
     title: Examples
+    href: https://github.com/facebook/react/wiki/Examples
 - title: Guides
   items:
   - id: why-react

diff --git a/docs/css/react.scss b/docs/css/react.scss
@@ -260,6 +260,22 @@ h1, h2, h3, h4, h5, h6 {
     &.active {
       color: $primary;
     }
+
+    &[href*="http"] {
+      &:after {
+        content: "";
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        padding-left: 5px;
+        @include retina-image('../img/external', 10px 10px);
+        background-position: 100% 0;
+        background-repeat: no-repeat;
+        font-size: 10px;
+        line-height: 1em;
+        opacity: 0.5;
+      }
+    }
   }
 
   .nav-docs-section {

diff --git a/docs/docs/complementary-tools.it-IT.md b/docs/docs/complementary-tools.it-IT.md
diff --git a/docs/docs/complementary-tools.ko-KR.md b/docs/docs/complementary-tools.ko-KR.md
diff --git a/docs/docs/complementary-tools.md b/docs/docs/complementary-tools.md
diff --git a/docs/docs/complementary-tools.zh-CN.md b/docs/docs/complementary-tools.zh-CN.md
diff --git a/docs/docs/examples.it-IT.md b/docs/docs/examples.it-IT.md
diff --git a/docs/docs/examples.ko-KR.md b/docs/docs/examples.ko-KR.md
diff --git a/docs/docs/examples.md b/docs/docs/examples.md
diff --git a/docs/docs/examples.zh-CN.md b/docs/docs/examples.zh-CN.md
diff --git a/docs/img/external.png b/docs/img/external.png
diff --git a/docs/img/external_2x.png b/docs/img/external_2x.png