🎉 first commit

1 files changed, 101 insertions, 0 deletions

diff --git a/src/css/_partial/_post/_content.scss b/src/css/_partial/_post/_content.scss
new file mode 100644
index 0000000..d680762
--- /dev/null
+++ b/src/css/_partial/_post/_content.scss
@@ -0,0 +1,101 @@
+// ==============================
+// Post content
+// ==============================
+
+.post-content {
+  word-wrap: break-word;
+
+  @for $i from 1 through 6 {
+    h#{$i} {
+      font-weight: 400;
+      font-family: $global-serif-font-family;
+    }
+  }
+
+  a {
+    color: $theme-color;
+    word-break: break-all;
+
+    &:hover {
+      border-bottom: $content-link-border;
+    }
+
+    &.fancybox {
+      border: 0;
+    }
+  }
+
+  blockquote {
+    margin: 2em 0;
+    padding: 10px 20px;
+    position: relative;
+    color: rgba(#34495e, 0.8);
+    background-color: $content-blockquote-backgroud;
+    border-left: $content-blockquote-border-left;
+    box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
+
+    p {
+      margin: 0;
+    }
+  }
+
+  img {
+    display: inline-block;
+    max-width: 100%;
+  }
+
+  > table {
+    max-width: 100%;
+    margin: 10px 0;
+    border-spacing: 0;
+    box-shadow: 2px 2px 3px rgba(0,0,0,.125);
+    
+    th, td {
+      padding: 5px 15px;
+      border: 1px double $content-table-border-color;
+    }
+  }
+
+  @import 'code';
+
+  .read-more {
+    .read-more-link {
+      color: $theme-color;
+      font-size: 1.1em;
+      font-family: $global-serif-font-family;
+    
+      &:hover {
+        border-bottom: $post-readMore-border-bottom;
+      }
+    }
+  }
+
+  kbd {
+    display: inline-block;
+    padding: 0.25em;
+    background-color: #fafafa;
+    border: 1px solid #dbdbdb;
+    border-bottom-color: #b5b5b5;
+    border-radius: 3px;
+    box-shadow: inset 0 -1px 0 #b5b5b5;
+    font-size: 0.8em;
+    line-height: 1.25;
+    font-family: "SFMono-Regular","Liberation Mono","Roboto Mono",Menlo,Monaco,Consolas,"Courier New",Courier,monospace;
+    color: #4a4a4a;
+  }
+
+  dl dt::after {
+    content: ':';
+  }
+
+  figure figcaption h4 {
+    color: #b5b5b5;
+    font-size: 0.9rem;
+    text-align: center;
+  }
+
+  .task-list {
+    list-style: none;
+    padding-left: 1.5rem;
+  }
+}