frogmore 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 272b2c0c124f0e48867025bbe2c744d3ad375b958b0870022b324d8c8f44e4a5
-  data.tar.gz: 31c0aeddf6ab6feb1f3cd9ea328e28a9bbf7da300a435a1f8484dcdb6c882253
+  metadata.gz: '048091a6607ae56c6c59e0fd9f6fbe999007d49de1bccfb9a529fbfed8d56fbd'
+  data.tar.gz: 8b28dc7c5b0435f33770e7e1f6ebcd5063d4f54ad9cb12dd11d46f6550399c1c
 SHA512:
-  metadata.gz: fdca49bcd6ce8267c3c76ee38ed862d274e2c23f3dcb2e3ad3de1ec92298aa6111a3faa697c24e6d67f150b5c1565bf60495e24f917bdb1b35816f4630228913
-  data.tar.gz: a445d01a640710b0ff6e0254f9ae1d580f725ca8f763d78d25940890b47c2bdd405f941aad8cb8e9eccb1b1b0e827bc919faae6e7b0e50ead5a820dc1970b46a
+  metadata.gz: 80525425107b7a5104ab5040220b8b88b99a85914b4b74c6de6a874b0e7af94ed0994949dd525e19590a999098e36f9cb2714aa79027a7061afac3181f161d01
+  data.tar.gz: fdf1937073f867fac4c924dacd66b8181f18aa961a3418bd9c62b80b4f3145a40cebb2c06f7dae21abc28f1c0d90b8329e76a7a04a3bc82aa62760de6d0cd54b

data/_includes/inline.scss

@@ -1,2 +1,3 @@
 @import "reset";
 @import "main";
+@import "listing";

data/_layouts/listing.html

@@ -2,6 +2,6 @@
 layout: default
 ---
 
-<section class="listings">
+<section class="listing">
   {{ content }}
 </section>

data/_layouts/post.html

@@ -2,11 +2,11 @@
 layout: default
 ---
 
-<section class="post">
+<article class="post">
   <h2>{{ page.title }}</h2>
   {{ content }}
   <span class="meta">
     <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%B %-d, %Y" }}</time>
     &middot; {% for tag in page.tags %}
     <a href="/tag/{{tag}}">{{tag}}</a>{% unless forloop.last %}, {% endunless %}{% endfor %}</span>
-</section>
+</article>

data/_sass/_listing.scss

@@ -0,0 +1,56 @@
+.listing ul,
+.listing ul li {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 0.75rem;
+}
+
+.listing .title {
+  text-decoration: underline;
+}
+
+.listing time {
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums;
+  min-width: 6rem;
+}
+
+@media screen and (min-width: 40rem) {
+  .listing time {
+    margin-left: auto;
+  }
+
+  .listing .rating {
+    width: 4.5rem;
+    margin-left: 0.4rem;
+  }
+
+  .listing ul li {
+    flex-direction: row;
+    justify-content: flex-start;
+  }
+
+  .listing .title,
+  .listing .authors {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration: none;
+  }
+
+  .listing .title {
+    text-decoration: unset;
+    min-width: 13rem;
+    max-width: 15rem;
+    width: 100%;
+    margin-right: auto;
+  }
+
+  .listing {
+    min-width: 10rem;
+  }
+
+  .authors {
+    width: 10rem;
+  }
+}

data/_sass/_main.scss

@@ -91,7 +91,7 @@ header a {
 }
 
 header ul,
-.listings,
+.listing,
 .post {
 	max-width: 43rem;
 }
@@ -134,7 +134,7 @@ h3,
 h4,
 h5 {
 	line-height: 1;
-	margin: 1rem 0;
+	margin: 0 0 1rem 0;
 	font-weight: 600;
 }
 
@@ -149,67 +149,18 @@ main {
 	padding: 2rem 0;
 }
 
-section {
+section,
+article {
 	width: 100%;
-	margin: 0 auto;
 	padding: 2rem 2rem 0 2rem;
+	margin: 0 auto;
 }
 
-section h1:first-child {
+section,
+article h1:first-child {
 	margin-top: 0;
 }
 
-.listings > div {
-	margin-bottom: 0.5rem;
-}
-
-.listings {
-	display: grid;
-	grid-column-gap: 5px;
-	grid-row-gap: 0;
-	grid-template-columns: 1fr;
-}
-
-.listings > :nth-child(4n-3) {
-	text-decoration: underline;
-}
-
-.listings > :nth-child(4n) {
-	text-overflow: unset;
-	padding-bottom: 1.5rem;
-}
-
-.listings span,
-.listings span a {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	text-decoration: none;
-}
-
-.listings div time {
-	padding-left: 1rem;
-	white-space: nowrap;
-	font-variant-numeric: tabular-nums;
-}
-
-@media screen and (min-width: 40rem) {
-	.listings {
-		grid-row-gap: 5px;
-		grid-template-columns: 1fr 0.75fr min-content 75px;
-	}
-
-	.listings > :nth-child(4n-3) {
-		text-decoration: unset;
-	}
-
-	.listings > span,
-	.listings > div,
-	.listings > time {
-		height: 1.75rem;
-	}
-}
-
 @media screen and (min-width: 64rem) {
 	main {
 		flex-direction: row;
@@ -229,7 +180,8 @@ section h1:first-child {
 		padding: 1.3rem 2rem 2rem 2rem;
 	}
 
-	section {
+	section,
+	article {
 		margin-left: auto;
 		margin-right: auto;
 	}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: frogmore
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Huw Diprose
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-09-07 00:00:00.000000000 Z
+date: 2020-09-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -84,6 +84,7 @@ files:
 - _layouts/default.html
 - _layouts/listing.html
 - _layouts/post.html
+- _sass/_listing.scss
 - _sass/_main.scss
 - _sass/reset.scss
 homepage: https://frogmore.github.io