refactor(theme): better scss structure

Former-commit-id: 890a1f04cdd42a3627b0fd293fb54d300ba40824

1 files changed, 42 insertions, 0 deletions

diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss
new file mode 100644
index 00000000..bd7c77e1
--- /dev/null
+++ b/assets/css/components/_post.scss
@@ -0,0 +1,42 @@
+
+/* post */
+
+.post-header {
+  margin-bottom: 2rem;
+}
+
+.post-title {
+  font-size: 2rem;
+  font-weight: 900;
+}
+
+.post-subtitle {
+  display: block;
+  color: var(--secondary-text-color);
+  font-style: italic;
+  font-size: 1.2rem;
+}
+
+.post-tags a {
+  display: inline-block;
+  color: var(--secondary-text-color);
+  font-size: var(--content-font-size);
+}
+
+.post-date {
+  color: var(--secondary-text-color)
+}
+
+.post-author {
+  float: right;
+  font-weight: 600;
+}
+
+.page-content {
+  min-height: 60%;
+}
+
+.post-content {
+  margin-bottom: 50px;
+  line-height: 2
+}