imdhemy-jekyll-theme 1.7.0 → 1.7.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b818d0cb994fdf2b0bad78a6d35376a5aa6e48957de5e7b070f500022c91c1fb
-  data.tar.gz: c80dca24b0df100e03d9248314d21bbf2e4d12f1e9726b06e14c6f186b9ad99f
+  metadata.gz: 96a8b5ca0409b922853d963a92e25265e8eb75cd60c647681167b4f9db5479bc
+  data.tar.gz: c961cb1eb0087a5c130299c27fbf8dfe1924797e3a7cc93bc396f79e49552913
 SHA512:
-  metadata.gz: 6b216dcbce4105f27c9cc87fb39ec8911cfb6f038303aa49646f3e6f121b9d5a1c910fec261eddfbd10e3b1f56f6c500817349a5ee57e5534ea8edd6df429fbd
-  data.tar.gz: 670055c52365ef0c26889665d389124cb746674681cc2a9141a6477a01e3579b0f2f529420d7966ee97973f14e7625c8963451ede9be64e205555c1158a9c561
+  metadata.gz: 3ae0bde31859540b805aa65143e97a954060b9783f9a5145d3f058223ee6fec7e58098d388a7989a7d43e269854fab23ef53ed587e72875a2401f499dbbb642f
+  data.tar.gz: 88a2c30e60bba20b181d8ab0e46e77569db3dccb05204e6c4420733acab0a4ab797a4ac860d022fb2d33886a08d40db2a3c35807af70f88ef1f8e86ca16939ab

data/_includes/archive-header.html

@@ -1,23 +1,8 @@
-{% assign archive_type = page.type | default: page.collection %}
-{% assign archive_label = 'archive' %}
-{% if archive_type == 'tag' or archive_type == 'tags' %}
-{% assign archive_label = 'tag' %}
-{% elsif archive_type == 'category' or archive_type == 'categories' %}
-{% assign archive_label = 'category' %}
-{% endif %}
-{% assign archive_description = page.description %}
-{% if archive_description == nil or archive_description == empty %}
-{% capture archive_description %}Browse all posts filed under {{ archive_label }} {{ page.title }}.{% endcapture %}
-{% endif %}
 <section class="page-header-wrap page-header-wrap--archive">
     <div class="page-header-wrap__container">
         <div class="page-header page-header--archive page-header--archive-hub">
             <div class="page-header__layout page-header__layout--stacked">
                 <h1 class="page-header__title page-header__title--centered">{{ page.title }}</h1>
-                <p class="page-header__description page-header__description--centered">{{ archive_description }} Check out the <a
-                        class="archive-header__blog-link"
-                        href="{{ site.baseurl }}/blog">blog</a> for all
-                    posts.</p>
             </div>
         </div>
     </div>

data/_includes/page-header.html

@@ -3,7 +3,6 @@
         <div class="page-header page-header--page page-header--blog">
             <div class="page-header__layout">
                 <h1 class="page-header__title">{{ page.title }}</h1>
-                <p class="page-header__description">{{ page.description }} </p>
             </div>
         </div>
     </div>

data/_layouts/page.html

@@ -10,9 +10,6 @@ layout: default
     <header class="page-article__header">
         <div class="page-article__header-layout">
             <h1 class="page-article__title">{{ page.title }}</h1>
-            {% if page.description %}
-            <p class="page-article__description">{{ page.description }}</p>
-            {% endif %}
         </div>
     </header>
 

data/_layouts/post.html

@@ -9,7 +9,7 @@ layout: default
 {% if site.theme_features.reading_progress != false %}
 {% include reading-progress.html %}
 {% endif %}
-<article class="post-page">
+<article class="post-page{% if page.image %} post-page--with-image{% endif %}">
     {% include post-header.html %}
 
     {% include content.html %}

data/_sass/components/_core.scss

@@ -116,7 +116,6 @@
 .post-card__title-link:focus-visible,
 .tag-pill:focus-visible,
 .pagination-link:focus-visible,
-.archive-header__blog-link:focus-visible,
 .post-series__link:focus-visible,
 .post-navigation__item:focus-visible,
 .related-posts__item:focus-visible {
@@ -583,7 +582,7 @@
   position: relative;
   display: block;
   width: 100%;
-  margin-bottom: 1.25rem;
+  margin-bottom: 0.5rem;
   overflow: hidden;
   border-radius: 0.5rem;
   aspect-ratio: 1 / 1;
@@ -669,7 +668,6 @@
   font-weight: var(--font-weight-medium);
   line-height: var(--font-heading-lg-line-height);
   letter-spacing: var(--font-tracking-normal);
-  text-wrap: balance;
   overflow-wrap: break-word;
 }
 
@@ -718,7 +716,6 @@
   font-weight: var(--font-weight-medium);
   line-height: var(--font-heading-xl-line-height);
   letter-spacing: var(--font-tracking-normal);
-  text-wrap: pretty;
   overflow-wrap: break-word;
 }
 
@@ -782,9 +779,14 @@
 }
 
 .post-page {
+  --post-content-start-space: 1.25rem;
   padding-top: 1.25rem;
 }
 
+.post-page--with-image {
+  --post-content-start-space: 0.5rem;
+}
+
 .post-page .post-header,
 .post-page .content-shell,
 .post-page .comments-shell__inner,
@@ -804,6 +806,10 @@
     var(--color-surface);
 }
 
+.post-page--with-image .post-header {
+  padding-bottom: 0;
+}
+
 .post-page .post-back-link {
   margin-bottom: 0.95rem;
   font-size: 0.9rem;
@@ -1011,7 +1017,7 @@
 
 .post-page .content-shell {
   margin-top: 0;
-  padding: 1.25rem 1rem 1.1rem;
+  padding: var(--post-content-start-space) 1rem 1.1rem;
   border: 1px solid color-mix(in srgb, var(--color-border) 84%, #c9d6ff 16%);
   border-top: 0;
   border-radius: 0 0 1rem 1rem;
@@ -1162,15 +1168,6 @@
   overflow-wrap: break-word;
 }
 
-.page-article__description {
-  max-width: 46rem;
-  margin-top: 1rem;
-  margin-bottom: 0.3rem;
-  font-size: var(--font-text-md-size);
-  line-height: var(--font-text-md-line-height);
-  color: var(--color-muted);
-}
-
 .page-article .content-shell {
   margin-top: 0;
   padding: 1.35rem 1.25rem 1.2rem;
@@ -1211,7 +1208,7 @@
 .blog-hub .blog-hub__listing,
 .archive-hub .archive-hub__listing {
   margin-top: 0;
-  padding: 0.3rem 0.65rem 0.7rem;
+  padding: 0.3rem 0.65rem 0.35rem;
   border: 1px solid color-mix(in srgb, var(--color-border) 84%, #c9d6ff 16%);
   border-top: 0;
   background: #fff;
@@ -1236,20 +1233,12 @@
 }
 
 .blog-hub .pagination-nav {
-  margin-top: 0.4rem;
+  margin-top: 0;
   margin-bottom: 0;
 }
 
-.blog-hub .page-header__title,
-.archive-hub .page-header__title {
-  margin-bottom: 0.5rem;
-}
-
-.blog-hub .page-header__description,
-.archive-hub .page-header__description {
-  max-width: none;
-  margin-top: 0.6rem;
-  font-size: 1.05rem;
+.blog-hub__listing .post-card:last-child {
+  margin-bottom: 0;
 }
 
 .page-header-wrap {
@@ -1306,34 +1295,6 @@
   text-align: center;
 }
 
-.page-header__description {
-  max-width: 640px;
-  font-size: var(--font-text-lg-size);
-  line-height: var(--font-text-lg-line-height);
-  color: var(--color-muted);
-}
-
-.page-header__description--centered {
-  text-align: center;
-  color: var(--color-muted);
-  margin-inline: auto;
-}
-
-.archive-header__blog-link {
-  font-weight: var(--font-weight-medium);
-  color: var(--color-brand);
-  text-decoration: underline;
-  text-decoration-thickness: 0.08em;
-  text-underline-offset: 0.13em;
-  text-decoration-color: color-mix(in srgb, var(--color-brand) 50%, transparent);
-  transition: color 0.2s ease, text-decoration-color 0.2s ease;
-}
-
-.archive-header__blog-link:hover {
-  color: var(--color-brand-strong);
-  text-decoration-color: var(--color-brand-strong);
-}
-
 .pagination-shell {
   padding-inline: 1.25rem;
 }
@@ -2031,7 +1992,7 @@
     width: 250px;
     min-width: 250px;
     margin-bottom: 0;
-    margin-right: 1.25rem;
+    margin-right: 0.5rem;
     border-radius: 0;
     aspect-ratio: auto;
   }
@@ -2058,6 +2019,10 @@
     padding: 1.6rem 1.75rem 1.35rem;
   }
 
+  .post-page--with-image .post-header {
+    padding-bottom: 0;
+  }
+
   .post-page .post-title {
     font-size: var(--font-heading-2xl-size);
     line-height: var(--font-heading-2xl-line-height);
@@ -2066,7 +2031,7 @@
   }
 
   .post-page .content-shell {
-    padding: 2rem 2rem 1.8rem;
+    padding: var(--post-content-start-space) 2rem 1.8rem;
   }
 
   .post-page .comments-shell__inner,
@@ -2119,21 +2084,13 @@
 
   .blog-hub .blog-hub__listing,
   .archive-hub .archive-hub__listing {
-    padding: 0.65rem 1.35rem 1.1rem;
+    padding: 0.65rem 1.35rem 0.75rem;
   }
 
   .blog-hub .pagination-shell {
     padding: 0 1.35rem 1.2rem;
   }
 
-  .blog-hub .page-header__description,
-  .archive-hub .page-header__description {
-    max-width: 640px;
-    margin-top: 0;
-    font-size: var(--font-text-lg-size);
-    line-height: var(--font-text-lg-line-height);
-  }
-
   .page-header__layout {
     display: flex;
     justify-content: space-between;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: imdhemy-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 1.7.0
+  version: 1.7.1
 platform: ruby
 authors:
 - Mohamad Eldhemy