From a62a3e7755579d93ce3a87243dd277575930fffe Mon Sep 17 00:00:00 2001
From: Julio Capote <jcapote@gmail.com>
Date: Mon, 5 Nov 2018 21:49:16 -0500
Subject: init

---
 themes/even/src/css/_partial/_post/_reward.scss | 54 +++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 themes/even/src/css/_partial/_post/_reward.scss

(limited to 'themes/even/src/css/_partial/_post/_reward.scss')

diff --git a/themes/even/src/css/_partial/_post/_reward.scss b/themes/even/src/css/_partial/_post/_reward.scss
new file mode 100644
index 0000000..3a03a9f
--- /dev/null
+++ b/themes/even/src/css/_partial/_post/_reward.scss
@@ -0,0 +1,54 @@
+.post-reward {
+  margin-top: 20px;
+  padding-top: 10px;
+  text-align: center;
+  border-top: 1px dashed $light-gray;
+
+  .reward-button {
+    margin: 15px 0;
+    padding: 3px 7px;
+    display: inline-block;
+    color: $theme-color;
+    border: 1px solid $theme-color;
+    border-radius: 5px;
+    cursor: pointer;
+
+    &:hover {
+      color: $white;
+      background-color: $theme-color;
+      transition: 0.5s;
+    }
+  }
+
+  #reward:checked {
+    & ~ .qr-code {
+      display: block;
+    }
+
+    & ~ .reward-button {
+      display: none;
+    }
+  }
+
+  .qr-code {
+    display: none;
+
+    .qr-code-image {
+      display: inline-block;
+      min-width: 200px;
+      width: 40%;
+      margin-top: 15px;
+
+      span {
+        display: inline-block;
+        width: 100%;
+        margin: 8px 0;
+      }
+    }
+
+    .image {
+      width: 200px;
+      height: 200px;
+    }
+  }
+}
\ No newline at end of file
-- 
cgit v1.2.3