From 9033266c2f02e570658a9505c26b7a438030f664 Mon Sep 17 00:00:00 2001
From: Keith Mo <keith.mork@gmail.com>
Date: Fri, 1 Jun 2018 00:06:14 +0800
Subject: feat(post): add out-of-date content warning (#68)

---
 src/css/_partial/_post.scss           |  5 +++--
 src/css/_partial/_post/_outdated.scss | 25 +++++++++++++++++++++++++
 2 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/css/_partial/_post/_outdated.scss

(limited to 'src')

diff --git a/src/css/_partial/_post.scss b/src/css/_partial/_post.scss
index 4109d95..a980b29 100644
--- a/src/css/_partial/_post.scss
+++ b/src/css/_partial/_post.scss
@@ -9,7 +9,7 @@
 
 .post {
   padding: $post-padding;
-  
+
   & + .post {
     border-top: $post-border;
   }
@@ -20,4 +20,5 @@
   @import '_post/copyright';
   @import '_post/reward';
   @import '_post/footer';
-}
\ No newline at end of file
+  @import '_post/outdated';
+}
diff --git a/src/css/_partial/_post/_outdated.scss b/src/css/_partial/_post/_outdated.scss
new file mode 100644
index 0000000..be7b5ea
--- /dev/null
+++ b/src/css/_partial/_post/_outdated.scss
@@ -0,0 +1,25 @@
+.post-outdated {
+  .hint {
+    position: relative;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    padding: 5px 10px;
+    border-left: 4px solid rgb(66, 172, 243);
+    background-color: rgb(239, 245, 255);
+    border-color: rgb(66, 172, 243);
+  }
+
+  .warn {
+    position: relative;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    padding: 5px 10px;
+    border-left: 4px solid #f9cf63;
+    background-color: #ffffc0;
+    border-color: #f9cf63;
+  }
+}
+
+
+
+
-- 
cgit v1.2.3