Upgrade clean blog theme to v1.0.2

https://github.com/chadly/clean-blog/releases/tag/v1.0.2
chadly · Sep 15, 2018 · 7fcb8c0 · 7fcb8c0
1 parent 8dace19
commit 7fcb8c0
Show file tree

Hide file tree

Showing 6 changed files with 61 additions and 8 deletions.
diff --git a/content/themes/clean-blog/assets/bs-alerts.less b/content/themes/clean-blog/assets/bs-alerts.less
@@ -0,0 +1,11 @@
+.alert .fa {
+	display: table-cell;
+	padding: 0 0.5em 0 0.2em;
+	opacity: 0.2;
+	font-size: 1.5em;
+	vertical-align: middle;
+}
+
+.alert p {
+	display: table-cell;
+}
diff --git a/content/themes/clean-blog/assets/content.less b/content/themes/clean-blog/assets/content.less
@@ -67,6 +67,7 @@
 			img {
 				display: block;
 				max-width: 100%;
+				margin: 10px auto;
 			}
 
 			.kg-image-card img {

diff --git a/content/themes/clean-blog/assets/index.less b/content/themes/clean-blog/assets/index.less
@@ -20,6 +20,7 @@
 
 @import "layout.less";
 @import "content.less";
+@import "bs-alerts.less";
 
 //I don't know why this isn't the default
 .alert a {

diff --git a/content/themes/clean-blog/assets/layout.less b/content/themes/clean-blog/assets/layout.less
@@ -23,10 +23,6 @@ header.site {
 	background-attachment: scroll;
 	.background-cover; //NOTE: Background images are set within the HTML using inline CSS!
 
-	&.no-cover {
-		background-color: black;
-	}
-
 	section {
 		padding: 150px 0;
 
@@ -35,6 +31,17 @@ header.site {
 		}
 	}
 
+	&.no-cover {
+		// https://uigradients.com/#Royal
+		background: #141E30;  /* fallback for old browsers */
+		background: -webkit-linear-gradient(to bottom, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
+		background: linear-gradient(to bottom, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+
+		section {
+			padding: 25px 0;
+		}
+	}
+
 	h1, h2, time, .author-meta, .post-meta {
 		color: #f8f8f9;
 
@@ -127,6 +134,13 @@ header.site {
 			max-height: 30px;
 			margin: 10px;
 		}
+
+		color: #f8f8f9;
+
+		a {
+			color: #f8f8f9;
+			text-decoration: none;
+		}
 	}
 
 	main.site {

diff --git a/content/themes/clean-blog/assets/site-debug.css b/content/themes/clean-blog/assets/site-debug.css
@@ -6906,9 +6906,6 @@ header.site {
   -o-background-size: cover;
   margin-bottom: 50px;
 }
-header.site.no-cover {
-  background-color: black;
-}
 header.site section {
   padding: 150px 0;
 }
@@ -6917,6 +6914,17 @@ header.site section {
     padding: 75px 0;
   }
 }
+header.site.no-cover {
+  background: #141E30;
+  /* fallback for old browsers */
+  background: -webkit-linear-gradient(to bottom, #243B55, #141E30);
+  /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to bottom, #243B55, #141E30);
+  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+header.site.no-cover section {
+  padding: 25px 0;
+}
 header.site h1,
 header.site h2,
 header.site time,
@@ -6993,6 +7001,9 @@ header.site .author-profile-image {
 .home-template .navbar-brand {
   display: none;
 }
+.error-template header.site {
+  color: #f8f8f9;
+}
 .error-template header.site .container,
 .error-template header.site main.site,
 .error-template header.site footer.site section {
@@ -7002,6 +7013,10 @@ header.site .author-profile-image {
   max-height: 30px;
   margin: 10px;
 }
+.error-template header.site a {
+  color: #f8f8f9;
+  text-decoration: none;
+}
 .error-template main.site {
   text-align: center;
 }
@@ -7120,6 +7135,7 @@ footer.site a {
 .page-template main article img {
   display: block;
   max-width: 100%;
+  margin: 10px auto;
 }
 .post-template main article .kg-image-card img,
 .page-template main article .kg-image-card img {
@@ -7178,3 +7194,13 @@ figcaption {
   border-radius: 100%;
   object-fit: cover;
 }
+.alert .fa {
+  display: table-cell;
+  padding: 0 0.5em 0 0.2em;
+  opacity: 0.2;
+  font-size: 1.5em;
+  vertical-align: middle;
+}
+.alert p {
+  display: table-cell;
+}
diff --git a/content/themes/clean-blog/assets/site.css b/content/themes/clean-blog/assets/site.css