initial

1 files changed, 61 insertions, 0 deletions

diff --git a/src/scss/blog.scss b/src/scss/blog.scss
new file mode 100644
index 0000000..ff17caf
--- /dev/null
+++ b/src/scss/blog.scss
@@ -0,0 +1,61 @@
+@import "./variables";
+@import "./mixins";
+
+#blog {
+	padding-bottom: $inner-gap;
+}
+
+#main span {
+	display: inline-block;
+}
+
+#comments {
+	> span {
+		margin-bottom: 10px;
+	}
+
+	.comment {
+		.header {
+			display: inline-block;;
+		}
+		.date {
+			font-size: 70%;
+			display: inline-block;;
+		}
+		.content {
+			margin-top: 0;
+		}
+	}
+
+	#new_comment {
+		margin-left: $inner-gap;
+		max-width: 400px;
+		padding-right: $inner-gap;
+
+		input.hidden {
+			display: none;
+		}
+
+		input#author,
+		input#content {
+			width: 100%;
+		}
+
+		input {
+			@include border-radius($inner-radius);
+			display: block;
+			margin: 10px 0;
+			padding: 5px;
+			border: 2px solid $white-alt;
+			background: $black-alt;
+			color: $white;
+
+			&:hover,
+			&:focus,
+			&:active {
+				outline: none;
+				border: 2px solid $white;
+			}
+		}
+	}
+}