Add LESS styles, fonts, icons, CSS generation

less/post-temp.less

@@ -0,0 +1,68 @@
+body {
+	&#post, &#subpage {
+		header {
+			margin: 0 auto;
+			padding: 1em 2rem;
+			.opacity(0.4);
+			-moz-transition-property: opacity;
+			-webkit-transition-property: opacity;
+			-o-transition-property: opacity;
+			transition-property: opacity;
+			.transition-duration(.4s);
+			&:hover {
+				.opacity(1);
+			}
+			
+			h1 {
+				font-size: 1.6em;
+			}
+		}
+	}
+}
+
+article, pre, .hljs {
+	padding: 0.5em 2rem 1.5em;
+}
+body#post article, pre, .hljs {
+	font-size: 1.2em;
+}
+
+/* Post mixins */
+.article-code() {
+	background-color: #f8f8f8;
+	border: 1px solid #ccc;
+	padding: 0.2em 0.4em;
+	font-size: 0.86em;
+	.rounded(.25em);
+}
+.article-blockquote() {
+	border-left: 4px solid #ddd;
+	padding: 0 1em;
+	margin: 0.5em;
+	color: #777;
+	display: inline-block;
+
+	p {
+		display: block;
+		margin: 0.5em 0;
+	}
+}
+.article-p() {
+	line-height: 1.4em;
+	white-space: pre-wrap;       /* CSS 3 */
+	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+	white-space: -pre-wrap;      /* Opera 4-6 */
+	white-space: -o-pre-wrap;    /* Opera 7 */
+	word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
+.article-title() {
+	font-size: 1.5em;
+	display: block;
+	margin-top: 0;
+	margin-bottom: 1em;
+}
+
+.hljs {
+	overflow-x: inherit;
+	background: transparent;
+}