jekyll-theme-tallneck 0.2.5 → 0.2.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ebbaf26107ac0b09c6a0f4dea4727e0230e5c0886f885385e2378b0635665fbe
-  data.tar.gz: 1609c7b3ef22c057c2512ad0152097b3545a9f9442fb7fe446764fbedd6baf3f
+  metadata.gz: 8ac7f40fb695b180cdebe16b9fb4aa90ce7507d19b6710d85ad08468c022c49e
+  data.tar.gz: 554a4dc70ed0cf69c3c85feb01b385e9047efe384b7596b8f007d91e4409e1bc
 SHA512:
-  metadata.gz: 76cd346af7117fd2a6f7985bec1a72e6cfc4aaf03da76c15897fce268630c44c9e25a4627de01dea4fce306ca18a28d31723e12f254f73877b9db22dc16e47c1
-  data.tar.gz: 5d3cdde2e4245936e311849054e3dc7df924d0828eefed97ef08e0b4efc1382eaf88ed6a9d6e62f934f07920195efa288e8977f22d969b23bcd3a3112f25e14e
+  metadata.gz: 2d37122f58a3a691e552d2cbf49acc7897c0e456344b0640babcba722c1ad052c4f4014f333220debc7c783c0ddbc7c577c43f0aff5bfc72f6d4058d5d0710f6
+  data.tar.gz: 456138597b7579250a61ec84180f13d29987e033dd6ef7fce674a80327b0c1a7ce96b2158614405b4a04cec874e2c1172547ea4f9f5ae19e4c2722a2d5e24502

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/components/post-card.scss

@@ -34,11 +34,10 @@
   border: 3px solid transparent;
   border-image: linear-gradient(45deg, var(--accent-primary), var(--accent-secondary)) 1;
 
-  transition: 0.4s;
+  transition: 0.4s ease;
   &:hover {
     box-shadow: 0 0 10px 0 var(--border-primary);
     border-image: linear-gradient(45deg, var(--accent-secondary), var(--accent-primary)) 1;
-    transition: 0.4s;
   }
 
   .post-card--link {

data/_sass/tallneck/components/post-preview.scss

@@ -12,7 +12,7 @@
 .post-preview {
     width: 100%;
 
-    transition: 0.4s;
+    transition: 0.4s ease;
 
     padding-left: 1rem;
     padding-right: 1rem;
@@ -22,7 +22,6 @@
     &:hover {
         border-radius: 5px;
         box-shadow: 0 0 5px 0 var(--border-primary);
-        transition: 0.4s;
     }
 
     .post-preview--link {

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.7
 platform: ruby
 authors:
 - John Toniutti