jekyll-theme-tallneck 0.2.5 → 0.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ebbaf26107ac0b09c6a0f4dea4727e0230e5c0886f885385e2378b0635665fbe
-  data.tar.gz: 1609c7b3ef22c057c2512ad0152097b3545a9f9442fb7fe446764fbedd6baf3f
+  metadata.gz: c0d648a4f3f48ea1d0f1ddfd13d4dcd2bd1569e721f1b1ba342da1ddd528a7c8
+  data.tar.gz: bd4d7480cbf8e44c18a1391650c0d149719ab55574a778e04f77642aea81abeb
 SHA512:
-  metadata.gz: 76cd346af7117fd2a6f7985bec1a72e6cfc4aaf03da76c15897fce268630c44c9e25a4627de01dea4fce306ca18a28d31723e12f254f73877b9db22dc16e47c1
-  data.tar.gz: 5d3cdde2e4245936e311849054e3dc7df924d0828eefed97ef08e0b4efc1382eaf88ed6a9d6e62f934f07920195efa288e8977f22d969b23bcd3a3112f25e14e
+  metadata.gz: 495e1a5df8ac3a3dbab1da5a5351901431f8dd6f7170585680dad719ed4ddd9fa735b9887e4373cd23e7f11e0f90d4736be9b1e6c704071bc3cdd7e12d53b6ee
+  data.tar.gz: fd8ddc27dd8881fbaa0aaa89f5ec5fd95c0862d9e152d8449b96d8e77924ddb886ac4f7c5e15b4271d48424fa897c651f8c32c718b2d26e527650f9694710b1d

data/_includes/post-card.html

@@ -1,7 +1,7 @@
 <article class="post-card" id="{{ include.post.id }}">
 <a href="{{ include.post.url | relative_url }}" class="post-card--link post-card--flex">
     <div class="post-card--image">
-        <img src="{{ include.post.image | relative_url }}" alt="{{ include.post.title }}" aria-hidden="true">
+        <img src="{{ include.post.image | relative_url }}" alt="{{ include.post.title }}" aria-hidden="true" width="900" height="640">
     </div>
     <div class="post-card--content">
         <h2 class="post-card--title">{{ include.post.title }}</h2>

data/_sass/tallneck/components/about.scss

@@ -1,6 +1,12 @@
 .about {
-    display: flex;
-    flex-flow: row wrap;
+    display: grid;
+    grid-template-columns: minmax($about-img-min-width, $about-img-max-width) 1fr;
+    grid-template-rows: auto;
+
+    @media (max-width: $about-wrap-max-width) {
+        grid-template-columns: 1fr;
+    }
+
     justify-content: space-between;
 
     margin-left: auto;
@@ -14,8 +20,11 @@
         flex: 1 1 38%;
         align-self: center;
 
-        min-width: 250px;
-        max-width: 500px;
+        width: 100%;
+        height: auto;
+
+        max-width: $about-img-max-width;
+        min-width: $about-img-min-width;
 
         margin-left: auto;
         margin-right: auto;

data/_sass/tallneck/variables.scss

@@ -27,6 +27,10 @@ $card-max-width: 18rem !default;
 $card-min-width: 16rem !default;
 $card-min-height: 400px !default;
 
+$about-img-min-width: 250px !default;
+$about-img-max-width: 400px !default;
+$about-wrap-max-width: 800px !default;
+
 // Colors
 :root {
   --background-color: #fff;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-tallneck
 version: !ruby/object:Gem::Version
-  version: 0.2.5
+  version: 0.2.6
 platform: ruby
 authors:
 - John Toniutti