From 4a42fa3b2b12ea2a1c18ff7951f9a86aa626f1c9 Mon Sep 17 00:00:00 2001
From: kitian616 <kitian616@outlook.com>
Date: Mon, 19 Feb 2018 20:50:12 +0800
Subject: [PATCH] feat: icons

---
 _includes/icon/link.svg                | 1 +
 _includes/icon/omit.svg                | 1 +
 _includes/icon/{ => social}/mail.svg   | 0
 _sass/components/_article.content.scss | 7 +++++--
 _sass/components/_pagination.scss      | 8 ++++++--
 _sass/layout/_post.scss                | 2 +-
 6 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 _includes/icon/link.svg
 create mode 100644 _includes/icon/omit.svg
 rename _includes/icon/{ => social}/mail.svg (100%)

diff --git a/_includes/icon/link.svg b/_includes/icon/link.svg
new file mode 100644
index 00000000000..bee45d6e599
--- /dev/null
+++ b/_includes/icon/link.svg
@@ -0,0 +1 @@
+<svg fill="#000000" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>
\ No newline at end of file
diff --git a/_includes/icon/omit.svg b/_includes/icon/omit.svg
new file mode 100644
index 00000000000..b468a30709f
--- /dev/null
+++ b/_includes/icon/omit.svg
@@ -0,0 +1 @@
+<svg fill="#000000" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>
\ No newline at end of file
diff --git a/_includes/icon/mail.svg b/_includes/icon/social/mail.svg
similarity index 100%
rename from _includes/icon/mail.svg
rename to _includes/icon/social/mail.svg
diff --git a/_sass/components/_article.content.scss b/_sass/components/_article.content.scss
index 00353bbe3e9..682fc1044c4 100644
--- a/_sass/components/_article.content.scss
+++ b/_sass/components/_article.content.scss
@@ -11,11 +11,14 @@
     margin-top: map-get($base, vertical-space-large) + .8rem;
     & > .anchor {
       @include link-text-colors($border-color, $main-color-1);
-      @include transform(translate(-100% ,0));
+      margin-left: .2rem;
       visibility: hidden;
-      margin: .5rem;
       text-decoration: none;
       opacity: 0;
+      & > svg {
+        width: 1rem;
+        height: 1rem;
+      }
     }
     &:hover {
       & > .anchor {
diff --git a/_sass/components/_pagination.scss b/_sass/components/_pagination.scss
index 5a54c4ef730..0b365c623ec 100644
--- a/_sass/components/_pagination.scss
+++ b/_sass/components/_pagination.scss
@@ -9,7 +9,11 @@
     color: $text-color-1;
   }
   .omit {
-    vertical-align: middle;
-    color: $text-color-l;
+    @include flexbox();
+    & > svg {
+      width: 1rem;
+      height: 1rem;
+      fill: $text-color-l
+    }
   }
 }
diff --git a/_sass/layout/_post.scss b/_sass/layout/_post.scss
index ca6ba25b08a..5d80c29d7ec 100644
--- a/_sass/layout/_post.scss
+++ b/_sass/layout/_post.scss
@@ -28,7 +28,7 @@
     word-wrap: break-word;
     margin: map-get($base, vertical-space-large) * 2 0 map-get($base, vertical-space-large) 0;
     padding-top: map-get($base, vertical-space-large) / 2;
-    @include split-line(top);
+    @include split-line(top, 4px);
     & > .article-previous, & > .article-next {
       box-sizing: border-box;
       width: 50%;