jekyll-apple 1.0.2 → 1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 9f9c9e346de57750dcfe8d5f933a5b306d4a9b10
-  data.tar.gz: ff08bab77c9b659d8cb88045c424651db058bd5f
+SHA256:
+  metadata.gz: b758787e03dcd4b65a19b6f8da5e2084e17103b715b81365e0e00df169e82261
+  data.tar.gz: fd9e2b939054e752d183d04e714db7b1f0c7d306f6c28abdea098459faae5503
 SHA512:
-  metadata.gz: 1d04dbd8036339a56ede3efe0a0f67c0b617d0f154a318287c0a7d93d9c44797d204672c8cee3dee3e4ca60ab0b1bc08e78ebf78d9dcfed9dc25734f18248e62
-  data.tar.gz: 114312e6035804c16d36b8d72637a74d71d4c37384d8f1982aee50cbf6db251c384f9d9674a14b437cc73da490c7476dadd8e06928a4d7847ef939b77d327a37
+  metadata.gz: f3fbb620d3da64d9ac8613a35f07aded9b43b16129af77daac11c731b624dfd8243237c902ae89ee62c70541d4773681146a13238d0beeb7412b719d9da95704
+  data.tar.gz: c4fd61f871148a62e11f73ef2bdaa73a7e17731350838161eab53d9f9def12a867b9f38b41ae4841c8603fa5b130e84e81cef3e43a943a0200fdf03e657d0dc4

data/README.md

@@ -245,7 +245,7 @@ main:
   - title: "About"
     url: /about/
   - title: "GitHub"
-    url: https://github.com/yous/whiteglass
+    url: https://github.com/nullpixel/jekyll-apple
 ```
 
 ### Enabling Google Analytics

data/_sass/apple.scss

@@ -8,7 +8,7 @@ $small-font-size:  $base-font-size * 0.875 !default;
 $nav-font-size: 14px !default;
 $base-line-height: 1.5 !default;
 
-$spacing-unit:     30px !default;
+$spacing-unit:     15px !default;
 
 $text-color:       #333 !default;
 $light-text-color: #fff !default;
@@ -26,7 +26,8 @@ $grey-color-dark:  darken($grey-color, 25%) !default;
 $content-width:    980px !default;
 $on-palm:          692px !default;
 $on-laptop:        980px !default;
-
+$on-medium:        1068px !default;
+$on-small:         735px !default;
 
 @mixin media-query($device) {
   @media screen and (max-width: $device) {

data/_sass/apple/_base.scss

@@ -13,6 +13,11 @@ dl, dd, ol, ul, figure {
 /**
  * Basic styling
  */
+html {
+  position: relative;
+  min-height: 100%;
+}
+
 body {
   font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;
   color: $text-color;
@@ -23,6 +28,8 @@ body {
        -o-font-feature-settings: "kern" 1;
           font-feature-settings: "kern" 1;
   font-kerning: normal;
+  letter-spacing: -.022em;
+  margin-bottom: 60px;
 }
 
 
@@ -178,19 +185,19 @@ pre {
  * Wrapper
  */
 .wrapper {
-  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
-  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
+  width: $content-width;
+  
   margin-right: auto;
   margin-left: auto;
-  padding-right: $spacing-unit;
-  padding-left: $spacing-unit;
+
   @extend %clearfix;
 
-  @include media-query($on-laptop) {
-    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
-    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-    padding-right: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+  @include media-query($on-medium) {
+    width: 692px;
+  }
+
+  @include media-query($on-small) {
+    width: 87.5%;
   }
 }
 

data/_sass/apple/_layout.scss

@@ -2,7 +2,9 @@
  * Site header
  */
 .site-header {
-  min-height: 48px;
+  height: 44px;
+  line-height: 44px;
+
   background: $dark-background-color;
   background: rgba(0, 0, 0, 0.8);
 
@@ -21,17 +23,20 @@
 
 .site-title {
   color: $light-text-color !important;
-  font-size: 26px;
+  font-size: 22px;
   font-weight: 300;
-  line-height: 56px;
   letter-spacing: -1px;
   margin-bottom: 0;
   float: left;
+  
+  :hover {
+    opacity: $a-hover-opacity; 
+    text-decoration: none;
+  }
 }
 
 .site-nav {
   float: right;
-  line-height: 56px;
   font-size: $nav-font-size;
 
   a:hover {
@@ -67,7 +72,12 @@
  * Site footer
  */
 .site-footer {
-  padding: $spacing-unit 0;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 20px;
+  line-height: 20px;
+  padding: 20px 0;
   font-size: 15px;
   color: $grey-color;
   background-color: $footer-background-color;
@@ -80,7 +90,16 @@
  * Page content
  */
 .page-content {
-  padding: 80px 0;
+  //padding: 80px 0;
+  padding-top: 50px;
+
+  @include media-query($on-medium) {
+    padding-top: 40px;
+  }
+
+  @include media-query($on-small) {
+    padding-top: 30px
+  }
 }
 
 .page-heading {
@@ -96,7 +115,7 @@
   }
 
   > li {
-    margin-bottom: $spacing-unit * 2;
+    margin-bottom: $spacing-unit;
 
     &:not(:first-child) {
       border-top: 4px solid $grey-color-light;
@@ -119,8 +138,25 @@
 }
 
 .post-meta {
-  font-size: $small-font-size;
+  font-size: 21px;
+  line-height: 1.19048;
+  font-weight: 400;
+  letter-spacing: .011em;
   color: $grey-color;
+
+  margin-top: .4em;
+
+  @include media-query($on-medium) {
+    font-size: 19px;
+    line-height: 1.21053;
+    letter-spacing: .012em;
+  }
+
+  @include media-query($on-small) {
+    font-size: 19px;
+    line-height: 1.21053;
+    letter-spacing: .012em;
+  }
 }
 
 .post-link {
@@ -150,16 +186,38 @@
 /**
  * Posts
  */
+.post {
+  margin-left: auto;
+  margin-right: auto;
+
+  width: 100%;
+
+  @include media-query($on-small) {
+    width: 83.33333%;
+  }
+}
+
 .post-header {
   margin-bottom: $spacing-unit;
 }
 
 .post-title {
-  letter-spacing: -1px;
-  line-height: 1;
+  font-size: 40px;
+  line-height: 1.1;
+  font-weight: 600;
+  letter-spacing: 0em;
+  margin-bottom: 0px;
+
+  @include media-query($on-medium) {
+    font-size: 32px;
+    line-height: 1.125;
+    letter-spacing: .004em;
+  }
 
-  @include media-query($on-laptop) {
-    font-size: 36px;
+  @include media-query($on-small) {
+    font-size: 27px;
+    line-height: 1.14815;
+    letter-spacing: .008em;
   }
 }
 
@@ -175,10 +233,21 @@
   }
 
   h3 {
-    font-size: 26px;
+    font-size: 24px;
+    line-height: 1.16667;
+    font-weight: 600;
+    letter-spacing: .009em;
 
-    @include media-query($on-laptop) {
+    @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;
     }
   }
 
@@ -186,7 +255,7 @@
     font-size: 20px;
 
     @include media-query($on-laptop) {
-      font-size: 18px;
+      font-size: 22px;
     }
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-apple
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: '1.2'
 platform: ruby
 authors:
 - Jamie Bishop
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-07-21 00:00:00.000000000 Z
+date: 2017-12-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -128,7 +128,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.11
+rubygems_version: 2.7.2
 signing_key: 
 specification_version: 4
 summary: A minimal, apple style jekyll theme.