From bd1be6b303398fab437c8d3b2b72f523d8ddd4dd Mon Sep 17 00:00:00 2001
From: yafeilee <lyfi2003@gmail.com>
Date: Sun, 30 Mar 2014 09:44:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BD=92=E6=A1=A3=E7=9A=84=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E6=9B=B4=E5=A4=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/archives.css.scss      | 37 ++++++++++++++++
 .../stylesheets/foundation_and_overrides.scss |  4 ++
 app/views/archives/index.html.slim            | 42 +++++++++----------
 3 files changed, 60 insertions(+), 23 deletions(-)
 create mode 100644 app/assets/stylesheets/archives.css.scss

diff --git a/app/assets/stylesheets/archives.css.scss b/app/assets/stylesheets/archives.css.scss
new file mode 100644
index 0000000..1157699
--- /dev/null
+++ b/app/assets/stylesheets/archives.css.scss
@@ -0,0 +1,37 @@
+.archives-field {
+  padding-top: 0.5rem;
+  margin-top: 1rem;
+  padding-bottom: 0.5rem;
+
+  i {
+    margin-right: 0.5rem;
+  }
+
+  span {
+    margin-right: 1rem;
+  }
+
+  .blog-title {
+    color: #111111;
+    font-size: 1.2rem;
+    font-weight: 500;
+    border: none;
+  }
+
+  li {
+    list-style: none;
+    color: #666666;
+    border-bottom: 1px dashed #CCCCCC;
+    margin-bottom: 1rem;
+  }
+
+  .load-more {
+    width: 100%;
+    text-align: center;
+    button {
+      background-color: transparent;
+      color: #333333;
+      border: 1px solid #DDDDDD;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/foundation_and_overrides.scss b/app/assets/stylesheets/foundation_and_overrides.scss
index 8f38ed4..b7b2113 100644
--- a/app/assets/stylesheets/foundation_and_overrides.scss
+++ b/app/assets/stylesheets/foundation_and_overrides.scss
@@ -1205,4 +1205,8 @@
     border: 1px solid #e79385;
     border-radius: 10rem;
   }
+  &:active {
+    border: 1px solid #e79385;
+    border-radius: 10rem;
+  }
 }
diff --git a/app/views/archives/index.html.slim b/app/views/archives/index.html.slim
index c0ccda0..5402cb6 100644
--- a/app/views/archives/index.html.slim
+++ b/app/views/archives/index.html.slim
@@ -1,23 +1,19 @@
-ul
-  li
-    a href="#" 科学是什么
-    p
-      i.fi-list
-      span 技术
-      i.fi-pricetag-multiple
-      span 生活, 感悟
-      i.fi-torsos
-      span 1010
-      i.fi-heart
-      span 10
-  li
-    a href="#" 科学是什么
-    p
-      | 分类:
-      span 技术
-      | 标签:
-      span 生活, 感悟
-      | 浏览数:
-      span 1010
-      | 喜欢:
-      span 10
+.row
+  .small-12.large-8.columns
+    ul.archives-field
+      - 3.times do
+        li
+          a.blog-title href="#" 科学是什么
+          p.tags-field
+            i.fi-calendar
+            span 2014-2-12
+            i.fi-list
+            span 技术
+            i.fi-pricetag-multiple
+            span 生活, 感悟
+            i.fi-torsos
+            span 1010
+            i.fi-heart
+            span 10
+      .load-more
+        button.small Load More