jekyll-apple 1.2 → 1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b758787e03dcd4b65a19b6f8da5e2084e17103b715b81365e0e00df169e82261
-  data.tar.gz: fd9e2b939054e752d183d04e714db7b1f0c7d306f6c28abdea098459faae5503
+  metadata.gz: 37cc5110fb426c9ae5f9b2ecfbe0373e78a383977201664464c8235926b23fbd
+  data.tar.gz: 11d18bd30cd4c3f04e32561811a6922fa1584350fb9713c54bef7ad4b9596c96
 SHA512:
-  metadata.gz: f3fbb620d3da64d9ac8613a35f07aded9b43b16129af77daac11c731b624dfd8243237c902ae89ee62c70541d4773681146a13238d0beeb7412b719d9da95704
-  data.tar.gz: c4fd61f871148a62e11f73ef2bdaa73a7e17731350838161eab53d9f9def12a867b9f38b41ae4841c8603fa5b130e84e81cef3e43a943a0200fdf03e657d0dc4
+  metadata.gz: 3be85216c1f5dfc80db9e1d75f47e0a6119d99f9b52e8739d39f987637013a3032a06fff14dbd32e2dc12d56396d74733ad6c75710043cc4df202b7097920a88
+  data.tar.gz: 9def592ee622f59aaa7eb7b096c9c02c41b793d801783d354534fede3be0037b433930aa87ca8c6817295226adba6133dae3ffee4047081524b5e441f00080f4

data/_layouts/post.html

@@ -12,6 +12,8 @@ layout: default
     <p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>
   </header>
 
+  <hr>
+  
   <div class="post-content" itemprop="articleBody">
     {{ content }}
   </div>

data/_sass/apple.scss

@@ -1,11 +1,11 @@
 // Define defaults for each variable.
 $base-font-family: -apple-system-font, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-$monospace-font-family: Monaco, Menlo, Consolas, "Courier New", DotumChe, monospace !default;
+$monospace-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
 $base-font-size:   17px !default;
 $base-font-weight: 400 !default;
 $heavy-font-weight: 500 !default;
 $small-font-size:  $base-font-size * 0.875 !default;
-$nav-font-size: 14px !default;
+$nav-font-size: 16px !default;
 $base-line-height: 1.5 !default;
 
 $spacing-unit:     15px !default;

data/_sass/apple/_base.scss

@@ -44,7 +44,9 @@ ul, ol, dl, figure,
   margin-bottom: $spacing-unit / 2;
 }
 
-
+p+h1, ul+h1, ol+h1, p+h2, ul+h2, ol+h2, p+h3, ul+h3, ol+h3, p+h4, ul+h4, ol+h4, p+h5, ul+h5, ol+h5, p+h6, ul+h6, ol+h6 {
+  margin-top: 1.4em;
+}
 
 /**
  * Images
@@ -59,12 +61,30 @@ img {
 /**
  * Figures
  */
+figure {
+  text-align: center;
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+
 figure > img {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  box-sizing: border-box;
   display: block;
+  max-width: 100%;
+  height: auto;
+  margin: 0;
 }
 
 figcaption {
-  font-size: $small-font-size;
+  font-size: 17px;
+  line-height: 1.52947;
+  font-weight: 600;
+  letter-spacing: -.021em;
+  margin-top: 10px;
+  margin-bottom: 15px;
+  text-align: left
 }
 
 
@@ -73,7 +93,7 @@ figcaption {
  * Lists
  */
 ul, ol {
-  margin-left: $spacing-unit;
+  margin-left: 1.17647em;
 }
 
 li {
@@ -116,7 +136,7 @@ a {
 
   &:hover {
     color: $text-color;
-    text-decoration: underline;
+    opacity: $a-hover-opacity;  
   }
 }
 
@@ -144,10 +164,10 @@ blockquote {
  * Rules
  */
 hr {
-  height: 4px;
-  margin: $spacing-unit / 2 0;
   border: 0;
-  background-color: $grey-color-light;
+  height: 1px;
+  background: #d6d6d6;
+  margin: 65px 0
 }
 
 

data/_sass/apple/_layout.scss

@@ -90,7 +90,6 @@
  * Page content
  */
 .page-content {
-  //padding: 80px 0;
   padding-top: 50px;
 
   @include media-query($on-medium) {
@@ -115,11 +114,10 @@
   }
 
   > li {
-    margin-bottom: $spacing-unit;
+    padding-bottom: 0;
 
     &:not(:first-child) {
-      border-top: 4px solid $grey-color-light;
-      padding-top: $spacing-unit * 2;
+      padding-top: 50px;
     }
   }
 }
@@ -164,10 +162,6 @@
   &:visited {
     color: $text-color;
   }
-
-  &:hover {
-    color: $brand-color;
-  }
 }
 
 .post-continue {
@@ -224,38 +218,53 @@
 .post-content {
   margin-bottom: $spacing-unit;
 
-  h2 {
+  // First paragraph is the lead
+  p:first-of-type {
+    font-size: 20px;
+    line-height: 1.5;
+    font-weight: 300;
+    letter-spacing: .017em;
+  }
+
+  // Headers
+  
+  h1 {
     font-size: 32px;
+    line-height: 1.09375;
+    font-weight: 500;
+    letter-spacing: .011em;
 
-    @include media-query($on-laptop) {
+    @include media-query($on-medium) {
       font-size: 28px;
+      line-height: 1.1073;
+      letter-spacing: .012em;
     }
   }
 
-  h3 {
+  h2 {
     font-size: 24px;
-    line-height: 1.16667;
-    font-weight: 600;
-    letter-spacing: .009em;
+    line-height: 1.20849;
+    font-weight: 500;
+    letter-spacing: .015em;
 
     @include media-query($on-medium) {
       font-size: 22px;
-      line-height: 1.18182;
-      letter-spacing: .01em;
-    }
-
-    @include media-query($on-small) {
-      font-size: 20px;
-      line-height: 1.2;
-      letter-spacing: .011em;
+      line-height: 1.22739;
+      letter-spacing: .016em;
     }
   }
 
-  h4 {
+  // TODO: Revise h3
+  h3 {
     font-size: 20px;
+    line-height: 1.15667;
+    font-weight: 500;
+    letter-spacing: .016em;
 
-    @include media-query($on-laptop) {
-      font-size: 22px;
+    @include media-query($on-medium) {
+      font-size: 18px;
+      line-height: 1.18182;
+      letter-spacing: .02em;
     }
   }
 }
@@ -277,10 +286,6 @@
     &:visited {
       color: $grey-color;
     }
-
-    &:hover {
-      color: $brand-color;
-    }
   }
 
   .previous {

data/_sass/apple/_syntax-highlighting.scss

@@ -2,6 +2,7 @@
  * Syntax highlighting styles
  */
 .highlight {
+  text-align: left;
   background-color: lighten($grey-color-light, 5%);
   @extend %vertical-rhythm;
 

data/assets/main.scss

@@ -3,9 +3,9 @@
 @charset "utf-8";
 
 $base-font-family: -apple-system-font, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif;
-$monospace-font-family: Monaco, Menlo, Consolas, "Courier New", DotumChe, monospace;
+$monospace-font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
 $base-font-size: 17px;
-$nav-font-size: 14px;
+$nav-font-size: 16px;
 $base-font-weight: 400;
 $heavy-font-weight: 500;
 $small-font-size:$base-font-size * 0.875;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-apple
 version: !ruby/object:Gem::Version
-  version: '1.2'
+  version: '1.3'
 platform: ruby
 authors:
 - Jamie Bishop
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-29 00:00:00.000000000 Z
+date: 2017-12-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll