From 49cfaae7f2d0fb13f15bcf60f23302fdc244fa5f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Fri, 29 May 2015 16:12:49 +0800
Subject: [PATCH] sketch download link

---
 components/button/index.md  |  1 +
 static/style.css            | 16 ++++++++++++++++
 theme/templates/layout.html |  6 ++++++
 3 files changed, 23 insertions(+)

diff --git a/components/button/index.md b/components/button/index.md
index 08b54056ca..e26f261858 100644
--- a/components/button/index.md
+++ b/components/button/index.md
@@ -2,6 +2,7 @@
 
 - category: CSS
 - chinese: 按钮
+- sketch: button.sketch
 
 ---
 
diff --git a/static/style.css b/static/style.css
index 9804a1cceb..9669d6ddf8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1042,6 +1042,22 @@ footer ul li > a {
   font-weight: normal;
 }
 
+.sketch-link {
+  font-size: 14px;
+  vertical-align: middle;
+  font-weight: normal;
+  float: right;
+  margin-right: 15px;
+  border: 1px solid #ddd;
+  padding: 2px 15px;
+  border-radius: 100px;
+  color: #777;
+}
+
+.sketch-link i {
+  margin-right: 5px;
+}
+
 .component-demos .icon-all {
   cursor: pointer;
   font-size: 16px;
diff --git a/theme/templates/layout.html b/theme/templates/layout.html
index 03567118d3..c308ad05c1 100644
--- a/theme/templates/layout.html
+++ b/theme/templates/layout.html
@@ -105,6 +105,12 @@
         <h2 class="component-demos">
           组件演示
           <i class="iconfont-home icon-all" title="展开全部代码"></i>
+          {%- if post.meta.sketch %}
+          <a class="sketch-link" href="{{ post.meta.sketch }}" target="_blank">
+            <i class="iconfont-home icon-download"></i>
+            Sketch 下载
+          </a>
+          {%- endif %}
         </h2>
         <div class="code-boxes clearfix">
           {%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}