typographical 1.0.9 → 1.0.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '08f72aa0f3013f9dafcda161851ffc66fa75d1c33332e0f33cc29a0c35cc646e'
-  data.tar.gz: 0e4c71f83b0dc0e88385f5f499606d3907f65877c4648405c5bd772cadd52f06
+  metadata.gz: bb019d36be5124c3d983030b35d5bfd7c60e1b831e9ee1941dea31813c5aea5e
+  data.tar.gz: '090ff04ee422687fd3894ba4f31c6a1625ef48a62eaee9fb62128c2f4fc5ed7a'
 SHA512:
-  metadata.gz: 96c1343f63e0b71e1cf1242f4643ceba499f6d7d09aa7508ca8cdc6345f7ac1d6552634292c3408439a127a96de0127e182d80c4a0bb0950e29135c159911715
-  data.tar.gz: 6f0d40598dd381a6a1eebd7e48086524dc82d6b9743de36ea0c3967e324caa153890e23033a51b715738206990146d379a5e65946546a7a6ea51739a3cab5870
+  metadata.gz: 6cb7ea75e86d40bd8de698094dbb27f53c55a5aac460016b4be7badc019c02fedab13ada752da678b04a771950f546026f03c842e1fdc30ab46a4dc841219795
+  data.tar.gz: 7982436fea4adca34e83ec923826ae2d53e354c7cbb93cf9c91fe5829e1d9df9d88096600df61f2a0583b5522ad61cc1165e1578e0d037654a28a09507cc34ea

data/_sass/typographical/_base.scss

@@ -15,8 +15,10 @@ html {
   font-size: 1rem;
   overflow-y: scroll;
 
-  @media (min-width: 37.5em) {
-    font-size: $base-font-size;
+  font-size: $base-font-size;
+
+  @media (min-width: 90em) {
+    font-size: 1.15 * $base-font-size;
   }
 }
 
@@ -29,10 +31,6 @@ body {
           hyphens: auto;
 }
 
-body p {
-  font-size: 1.3em;
-}
-
 h1,
 h2,
 h3,

data/_sass/typographical/_catalogue.scss

@@ -13,6 +13,10 @@
     &:last-child {
       border: 0;
     }
+
+    p {
+      font-size: $base-font-size;
+    }
   }
 
   &-time {

data/_sass/typographical/_layout.scss

@@ -9,7 +9,7 @@ footer,
 .nav-container {
   display: block;
   margin: 0 auto;
-  max-width: 50em;
+  max-width: 36em;
   width: 80%;
 }
 

data/_sass/typographical/_tweaks.scss

@@ -101,7 +101,7 @@ footer {
   }
 
   .nav-container ul {
-    font-size: 1.5em;
+    font-size: 1.3em;
   }
 
   .nav-container ul a {
@@ -109,7 +109,7 @@ footer {
   }
 
   .share-bar .share-buttons {
-    font-size: 1.3em;
+    font-size: 1.1em;
   }
 
   .share-bar .share-buttons .fab {
@@ -142,7 +142,7 @@ footer, .share-bar, .nav-container { /* Disable selection of some elements */
 }
 
 .post blockquote p {
-  font-size: 1.25em;
+  font-size: 1.1em;
 }
 
 .post li {
@@ -158,3 +158,25 @@ footer, .share-bar, .nav-container { /* Disable selection of some elements */
   letter-spacing: 0.01em;
   text-transform: lowercase;
 }
+
+// for those little screens
+
+@media (max-width: 37.5em) {
+  html {
+    font-size: 1.1 * $base-font-size;
+  }
+
+  .post-title {
+    font-size: 2.5em;
+  }
+}
+
+// sub-heading adjustments
+
+.post h2 {
+  font-size: 1.7em;
+}
+
+.post h3 {
+  font-size: 1.4em;
+}

data/_sass/typographical/_variables.scss

@@ -10,7 +10,7 @@ $blue: #4a9ae1;
 $shadow-color: rgba(0, 0, 0, .2);
 $code-color: #bf616a;
 $accent-color: #ffd900;
-$base-font-size: 1.3rem;
+$base-font-size: 1.2em;
 
 // Fonts
 $serif-primary: Alegreya, 'Times New Roman', Times, serif;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: typographical
 version: !ruby/object:Gem::Version
-  version: 1.0.9
+  version: 1.0.10
 platform: ruby
 authors:
 - Ram Iyer