imdhemy-jekyll-theme 1.2.1 → 1.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a07233cc0c34a281eea8105c4920e6b056f33fc75ca06d6dad4877fd091bcc96
-  data.tar.gz: 4bbf253795211006906cb6dd4f2d0f1c868ae4fbe831142bbd53e270a6d496dd
+  metadata.gz: 50c76c388dec9fe274dcc46260a08128270c6af8b704976dd8f6533cd8a2ce35
+  data.tar.gz: f10e6dd11fb0deaaa7f3b33da00480c66c25fd41c4f11c724bbefbe6a400b1c3
 SHA512:
-  metadata.gz: be9f186c687ff71eb3745cff609f4095923e448f8b70181f2c8f278d5e494c1c559059d6867b0819c1a4c3b43157d700d4332d96ca4bfe6c8b5f7c6a715a54f3
-  data.tar.gz: bc06729e020dc96cdd5eb19b0fb66e86a65708d8c0f239299c268c43e98639a9f921fa8b2be9c16091cfa6bc2c2692602715e5b730918cadf588484902b4d21e
+  metadata.gz: 57973fec87dd5ee464ca42b973d392cac994f3929489906d111a98b8795d6c699944b41e52d20dfa6666cff734e3b1cde9cfa7494bde1631bdfe9eb15b2e767b
+  data.tar.gz: 1596774bef060733b074cc218c5a6990c09300cbe34f1d0330fc49f505ab47fbeb5eb6b4671d98395048ee5122c2b65a337aa6b1fbb05043b9498f173d8e957a

data/_sass/components/_core.scss

@@ -231,9 +231,12 @@
 
 .hero-title {
   margin-bottom: 2rem;
-  font-size: 1.875rem;
+  font-size: clamp(1.95rem, 4.2vw, 3rem);
   font-weight: 700;
-  line-height: 1.1;
+  line-height: 1.12;
+  letter-spacing: -0.015em;
+  text-wrap: balance;
+  overflow-wrap: break-word;
 }
 
 .hero-title__accent {
@@ -309,8 +312,11 @@
 .testimonials__title {
   margin-bottom: 2rem;
   text-align: center;
-  font-size: 1.875rem;
+  font-size: clamp(1.5rem, 2.8vw, 2rem);
   font-weight: 700;
+  line-height: 1.2;
+  letter-spacing: -0.01em;
+  text-wrap: balance;
 }
 
 .section-subtitle,
@@ -454,9 +460,12 @@
 .post-card__title {
   margin-bottom: 0.85rem;
   font-family: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 1.875rem;
-  font-weight: 900;
-  line-height: 1.2;
+  font-size: clamp(1.28rem, 2.3vw, 1.75rem);
+  font-weight: 800;
+  line-height: 1.25;
+  letter-spacing: -0.01em;
+  text-wrap: balance;
+  overflow-wrap: break-word;
 }
 
 .post-card__title-link {
@@ -500,8 +509,12 @@
 
 .post-title {
   font-family: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  font-size: 1.5rem;
+  font-size: clamp(1.45rem, 3vw, 2.1rem);
   font-weight: 900;
+  line-height: 1.18;
+  letter-spacing: -0.012em;
+  text-wrap: balance;
+  overflow-wrap: break-word;
 }
 
 .post-header__meta {
@@ -769,9 +782,9 @@
 
 .post-page .post-title {
   margin-bottom: 0.95rem;
-  font-size: clamp(2rem, 4.8vw, 3.25rem);
-  line-height: 1.15;
-  letter-spacing: -0.015em;
+  font-size: clamp(1.85rem, 4.6vw, 3rem);
+  line-height: 1.16;
+  letter-spacing: -0.014em;
 }
 
 .post-page .post-image-wrap {
@@ -933,10 +946,12 @@
 
 .page-article__title {
   margin: 0 0 1rem;
-  font-size: clamp(2rem, 4.8vw, 3.45rem);
+  font-size: clamp(1.9rem, 4.9vw, 3.2rem);
   font-weight: 800;
-  line-height: 1.15;
-  letter-spacing: -0.015em;
+  line-height: 1.16;
+  letter-spacing: -0.014em;
+  text-wrap: balance;
+  overflow-wrap: break-word;
 }
 
 .page-article__description {
@@ -1060,10 +1075,12 @@
 
 .page-header__title {
   margin-bottom: 2rem;
-  font-size: 4.75rem;
+  font-size: clamp(2.05rem, 7vw, 4.2rem);
   font-weight: 700;
-  line-height: 1;
+  line-height: 1.05;
   letter-spacing: -0.02em;
+  text-wrap: balance;
+  overflow-wrap: break-word;
 }
 
 .page-header__title--centered {
@@ -1690,10 +1707,6 @@
     display: none;
   }
 
-  .hero-title {
-    font-size: 3rem;
-  }
-
   .hero-description {
     font-size: 1.5rem;
     line-height: 2.5rem;
@@ -1711,10 +1724,6 @@
     margin-bottom: 0;
   }
 
-  .post-title {
-    font-size: 2.25rem;
-  }
-
   .page-header__layout {
     padding-inline: 0;
   }
@@ -1739,8 +1748,23 @@
   }
 
   .page-header__title {
-    font-size: 3rem;
-    line-height: 1.05;
+    font-size: clamp(1.85rem, 9vw, 2.8rem);
+    line-height: 1.08;
+  }
+
+  .post-card__title {
+    font-size: clamp(1.16rem, 5.8vw, 1.45rem);
+    line-height: 1.28;
+  }
+
+  .post-page .post-title {
+    font-size: clamp(1.5rem, 7.4vw, 2.1rem);
+    line-height: 1.2;
+  }
+
+  .page-article__title {
+    font-size: clamp(1.55rem, 7.2vw, 2.25rem);
+    line-height: 1.2;
   }
 
   .content {
@@ -1844,6 +1868,22 @@
   }
 }
 
+@media (max-width: 420px) {
+  .post-card__title {
+    font-size: clamp(1.08rem, 7vw, 1.28rem);
+  }
+
+  .post-page .post-title,
+  .page-article__title {
+    font-size: clamp(1.35rem, 8.2vw, 1.7rem);
+  }
+
+  .page-header__title {
+    font-size: clamp(1.65rem, 10vw, 2.25rem);
+    line-height: 1.1;
+  }
+}
+
 @media (prefers-reduced-motion: reduce) {
   *,
   *::before,

metadata

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