7 files changed, 163 insertions, 0 deletions
diff --git a/src/scss/object/component/article.scss b/src/scss/object/component/article.scss
new file mode 100644
index 0000000..4790e14
--- /dev/null
+++ b/src/scss/object/component/article.scss
@@ -0,0 +1,38 @@
+.c-article {
+  &__title {
+    font-size: 2.4rem;
+    & a {
+      color: $color-text;
+      &:hover {
+        color: var(--link-hover);
+      }
+    }
+  }
+  &__meta {
+    font-size: 1.6rem;
+    line-height: 1;
+  }
+  &__summary {
+    font-size: 1.4rem;
+    color: #999;
+    line-height: 1.57;
+    & p {
+      margin: 0;
+    }
+  }
+  &__btn {
+    display: inline-block;
+    padding-bottom: 4px;
+    font-size: 1.6rem;
+    &::after {
+      content: '';
+      display: inline-block;
+      margin-left: 3px;
+      width: 5px;
+      height: 5px;
+      border: solid currentColor;
+      border-width: 1px 1px 0 0;
+      transform: rotate(45deg);
+    }
+  }
+}
diff --git a/src/scss/object/component/avatar.scss b/src/scss/object/component/avatar.scss
new file mode 100644
index 0000000..4f33a87
--- /dev/null
+++ b/src/scss/object/component/avatar.scss
@@ -0,0 +1,13 @@
+.c-avatar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100px;
+  height: 100px;
+  border-radius: 50%;
+  overflow: hidden;
+  & img {
+    max-width: 100%;
+    height: auto;
+  }
+}
diff --git a/src/scss/object/component/links.scss b/src/scss/object/component/links.scss
new file mode 100644
index 0000000..bd17b22
--- /dev/null
+++ b/src/scss/object/component/links.scss
@@ -0,0 +1,32 @@
+.c-links {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  margin: 8px 0 0;
+  padding: 0;
+  a {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 30px;
+    height: 30px;
+    border: 1px solid;
+    border-color: $color-text;
+    border-radius: 50%;
+    color: $color-text;
+    transition: 0.2s;
+    &:hover {
+      background: $color-text;
+      color: #fff;
+    }
+  }
+  &__item {
+    margin: 8px 8px 0;
+    list-style: none;
+  }
+  &__icon {
+    width: 16px;
+    height: 16px;
+    fill: currentColor;
+  }
+}
diff --git a/src/scss/object/component/pagination.scss b/src/scss/object/component/pagination.scss
new file mode 100644
index 0000000..d46fce7
--- /dev/null
+++ b/src/scss/object/component/pagination.scss
@@ -0,0 +1,56 @@
+.c-pagination {
+  font-size: 1.6rem;
+  a {
+    display: inline-block;
+    padding: 8px 16px;
+    transition: 0.2s;
+    &:hover {
+      background: #fafafa;
+    }
+  }
+  &__ctrl {
+    display: flex;
+    justify-content: space-between;
+  }
+  &__newer,
+  &__older {
+    flex: 1;
+  }
+  &__newer {
+    a {
+      &::before {
+        content: '';
+        display: inline-block;
+        position: relative;
+        top: -1px;
+        width: 4px;
+        height: 4px;
+        margin-right: 4px;
+        border: solid currentColor;
+        border-width: 2px 0 0 2px;
+        transform: rotate(-45deg);
+      }
+    }
+  }
+  &__older {
+    text-align: right;
+    a {
+      &::after {
+        content: '';
+        display: inline-block;
+        position: relative;
+        top: -1px;
+        width: 4px;
+        height: 4px;
+        margin-left: 4px;
+        border: solid currentColor;
+        border-width: 2px 2px 0 0;
+        transform: rotate(45deg);
+      }
+    }
+  }
+  &__count {
+    display: block;
+    text-align: center;
+  }
+}
diff --git a/src/scss/object/component/tag.scss b/src/scss/object/component/tag.scss
new file mode 100644
index 0000000..860d814
--- /dev/null
+++ b/src/scss/object/component/tag.scss
@@ -0,0 +1,16 @@
+.c-tag {
+  display: inline-block;
+  margin: 8px 6px 0 0;
+  padding: 4px;
+  font-size: 1.6rem;
+  color: #555;
+  &::before {
+    content: "#";
+    display: inline-block;
+    margin-right: 2px;
+    color: currentColor;
+  }
+  &:hover {
+    background: #fafafa;
+  }
+}
diff --git a/src/scss/object/component/time.scss b/src/scss/object/component/time.scss
new file mode 100644
index 0000000..3991c52
--- /dev/null
+++ b/src/scss/object/component/time.scss
@@ -0,0 +1,4 @@
+.c-time {
+  display: block;
+  font-size: 1.6rem;
+}
diff --git a/src/scss/object/component/title.scss b/src/scss/object/component/title.scss
new file mode 100644
index 0000000..6e18a0d
--- /dev/null
+++ b/src/scss/object/component/title.scss
@@ -0,0 +1,4 @@
+.c-title {
+  font-weight: 300;
+  font-family: $OpenSans;
+}