fundamental 0.3.1 → 0.3.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ec6f70b71e0982a17fd801a212b16bb282d36767
-  data.tar.gz: 497961cc89bd66bb67fee183cbf51044be370944
+  metadata.gz: 6a33644e169a212dfa012c1637fd75d5c36a7603
+  data.tar.gz: 5a6e27007d44bbc5651122961d95be3ef76e9234
 SHA512:
-  metadata.gz: d5d3ffae1227df7fb006941a92cfd97af8f80fff0a7ab8c28d0fb6d9c4b167e0c482ba9afd1312fa0763b91e515e22b882ad0aee7e0d88f7742d9d7a351a473b
-  data.tar.gz: 63838795b3a4c711e345d50f7c2b871e7a8098423187420d4fb9df3130f3abba4c57a49a24af9fb1cab85efd6fb4c623bab3408450e27c6d7027ec1993670115
+  metadata.gz: d24f4f59de1a9cda6130613580668836802632d6fc1862b5749289269bc1508074ed6b139f957e753828a80444d36f7d069758fb9a6872debd24f9826ff2f0e3
+  data.tar.gz: 7d83037ab4bce03f728f29e6d60476bcf1a63d576c19e2464d01e58cee74381a9d99875155747f0f81b3035f980a59d9a6280d5f6c332f5909d6d8b2cd59eb7e

data/README.md

@@ -2,7 +2,7 @@
 
 [![Gem Version](https://badge.fury.io/rb/fundamental.svg)](https://badge.fury.io/rb/fundamental)
 
-See latest changes in [changelog.md])(https://github.com/theomjones/fundamental/blob/master/changelog.md))
+See latest changes in [changelog.md](https://github.com/theomjones/fundamental/blob/master/changelog.md)
 
 Fundamental is a clean, fully responsive, lightweight Jekyll theme for blogging. No frameworks. It uses system fonts, so no external stylesheets are loaded. The CSS is just 2Kb gzipped.
 

data/_sass/_header.scss

@@ -10,8 +10,8 @@ header {
     margin-bottom: -20px;
     nav {
       overflow-y: hidden;
-      overflow-x: scroll;
-      max-height: 55px;
+      overflow-x: auto;
+      max-height: 50px;
       -webkit-overflow-scrolling: touch;
       border-bottom: 2px solid $tertiary;
       width: 100%;
@@ -27,13 +27,13 @@ header {
     -webkit-overflow-scrolling: touch;
     @media screen and (max-width: $break) {
       margin-right: 0;
-      overflow-x: scroll;
+      overflow-x: auto;
       margin: 10px 0 0 40px;
       display: flex;
-      overflow-x: scroll;
+      overflow-x: auto;
       padding-bottom: 30px;
     }
-    @media screen and (max-width: 400px) {
+    @media screen and (max-width: $break) {
       margin-left: 10px;
       margin-top: 5px;
     }
@@ -47,7 +47,7 @@ header {
 .title {
   margin: auto;
   margin-left: 50px;
-  @media screen and (max-width: 400px) {
+  @media screen and (max-width: $break) {
     margin-left: 20px;
     margin-top: 5px;
     margin-bottom: 5px;

data/_sass/_typography.scss

@@ -4,26 +4,22 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 h1 {
-  font-size: 4rem;
+  font-size: calc(150% + 2.7vw);
   margin: 30px 0 50px 0;
   color: $accent;
   @media screen and (max-width: $break) {
-    font-size: 3rem;
     margin-top: 5px;
   }
-  @media screen and (max-width: 320px) {
-    font-size: 2.5rem;
-  }
 }
 h2 {
-  font-size: 3rem;
+  font-size: calc(130% + 2.3vw);
   margin: 10px 0;
   @media screen and (max-width: $break) {
     font-size: 2.5rem;
   }
 }
 h3 {
-  font-size: 2.5rem;
+  font-size: calc(120% + 1.5vw);
 }
 h4 {
   font-size: 2rem;
@@ -65,10 +61,13 @@ blockquote {
 }
 
 figure {
-  overflow-x: scroll;
-  background: lighten($accent, 35%);
-  padding: 10px 10px 0 10px;
+  overflow-x: auto;
+  background: darken($accent, 45%);
+  padding: 2rem;
+  color: white;
   border-radius: 3px;
+  box-shadow: 2px 2px 2px rgba(black, .2);
+  -webkit-overflow-scrolling: touch;
   code {
     display: block;
     background: none;
@@ -103,3 +102,7 @@ code {
   background: rgba($accent, .2);
   padding: 0;
 }
+
+pre {
+  margin: 0;
+}

data/_sass/_variables.scss

@@ -9,4 +9,4 @@ $accent: #4845DF;
 $tertiary: lighten($accent, 5%);
 
 //Structure
-$break: 600px;
+$break: 500px;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: fundamental
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.3.2
 platform: ruby
 authors:
 - Theo M Jones