Add Clean Blog theme v1.0.0

chadly · Sep 3, 2018 · d64a036 · d64a036
1 parent 803e081
commit d64a036
Show file tree

Hide file tree

Showing 24 changed files with 7,940 additions and 0 deletions.
diff --git a/content/themes/clean-blog/assets/content.less b/content/themes/clean-blog/assets/content.less
@@ -0,0 +1,133 @@
+.post-list {
+	margin: 0 0 2em 0;
+}
+
+.post-stub {
+	margin: 0.5em 0;
+
+	time {
+		float: left;
+		.text-muted;
+	}
+
+	header {
+		margin-left: 7em;
+
+		a.post-title {
+			text-decoration: none;
+			color: @text-color;
+
+			&:hover {
+				color: @link-hover-color;
+			}
+		}
+	}
+
+	footer {
+		margin-left: 10em;
+		.text-muted;
+		font-size: @font-size-extra-small;
+	}
+
+	@media (max-width: @screen-sm-min) {
+		border-bottom: solid 1px @hr-border;
+		padding: 10px 0;
+
+		time {
+			display: block;
+			float: none;
+		}
+
+		header, footer {
+			margin: 0;
+		}
+	}
+
+	@media (max-width: @screen-xs-min) {
+		header, footer, .post-tags, .reading-time {
+			display: block;
+		}
+	}
+}
+
+.post-template, .page-template {
+	header.site {
+		.reading-time {
+			display: block;
+		}
+	}
+
+	main {
+		article {
+			.correction {
+				.text-muted();
+				text-decoration: line-through;
+			}
+
+			img {
+				display: block;
+				max-width: 100%;
+			}
+
+			.kg-image-card img {
+				display: inline;
+			}
+
+			.kg-width-wide {
+				position: relative;
+				width: 85vw;
+				min-width: 100%;
+				margin: auto calc(50% - 50vw);
+				transform: translateX(calc(50vw - 50%));
+			}
+
+			.kg-width-full {
+				position: relative;
+				width: 99.4vw;
+				left: 50%;
+				right: 50%;
+				margin-left: -50vw;
+				margin-right: -50vw;
+			}
+
+			figure {
+				margin: 3em 0;
+				text-align: center;
+			}
+
+			figcaption {
+				text-align: center;
+			}
+
+			footer {
+				margin: 2rem 0;
+				padding: 2rem 0;
+				border-top: 1px @hr-border solid;
+				border-bottom: 1px @hr-border solid;
+
+				section.share {
+					text-align: center;
+					font-size: @font-size-large;
+
+					a.social-link {
+						display: inline-block;
+						text-decoration: none;
+						margin: 0 0.5em;
+
+						svg {
+							height: @font-size-large;
+							fill: @link-color;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+.author-profile-image {
+	box-shadow: 0 0 0 6px hsla(0,0%,100%,.1);
+	background: #e3e9ed;
+	border-radius: 100%;
+	object-fit: cover;
+}
diff --git a/content/themes/clean-blog/assets/fitvids.min.js b/content/themes/clean-blog/assets/fitvids.min.js
diff --git a/content/themes/clean-blog/assets/index.less b/content/themes/clean-blog/assets/index.less
@@ -0,0 +1,43 @@
+//vendor less
+@import "bootstrap/less/bootstrap.less";
+
+//override fonts
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
+@font-family-sans-serif:  "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+//override container sizes to be narrower
+@container-large-desktop: @container-desktop;
+
+//increase font size
+@font-size-base: 20px;
+@font-size-extra-small: ceil(@font-size-small * 0.823);
+
+@white-faded: fade(white, 80%);
+
+@import "layout.less";
+@import "content.less";
+
+//I don't know why this isn't the default
+.alert a {
+	&:extend(.alert .alert-link all);
+}
+
+.alert-info a {
+	&:extend(.alert-info .alert-link all);
+}
+
+.alert-warning a {
+	&:extend(.alert-warning .alert-link all);
+}
+
+.alert-success a {
+	&:extend(.alert-success .alert-link all);
+}
+
+.alert-danger a {
+	&:extend(.alert-danger .alert-link all);
+}