_sass/minima/_layout.scss in minima-2.1.0 vs _sass/minima/_layout.scss in minima-2.1.1

@@ -2,20 +2,20 @@
  * Site header
  */
 .site-header {
   border-top: 5px solid $grey-color-dark;
   border-bottom: 1px solid $grey-color-light;
-  min-height: 56px;
+  min-height: $spacing-unit * 1.865;
 
   // Positioning context for the mobile navigation icon
   position: relative;
 }
 
 .site-title {
-  font-size: 26px;
+  @include relative-font-size(1.625);
   font-weight: 300;
-  line-height: 56px;
+  line-height: $base-line-height * $base-font-size * 2.25;
   letter-spacing: -1px;
   margin-bottom: 0;
   float: left;
 
   &,
@@ -24,12 +24,16 @@
   }
 }
 
 .site-nav {
   float: right;
-  line-height: 56px;
+  line-height: $base-line-height * $base-font-size * 2.25;
 
+  .nav-trigger {
+      display: none;
+  }
+
   .menu-icon {
     display: none;
   }
 
   .page-link {
@@ -49,10 +53,19 @@
     background-color: $background-color;
     border: 1px solid $grey-color-light;
     border-radius: 5px;
     text-align: right;
 
+    label[for="nav-trigger"] {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 36px;
+      z-index: 2;
+      cursor: pointer;
+    }
+
     .menu-icon {
       display: block;
       float: right;
       width: 36px;
       height: 26px;
@@ -63,16 +76,16 @@
       > svg path {
         fill: $grey-color-dark;
       }
     }
 
-    .trigger {
+    input ~ .trigger {
       clear: both;
       display: none;
     }
 
-    &:hover .trigger {
+    input:checked ~ .trigger {
       display: block;
       padding-bottom: 5px;
     }
 
     .page-link {
@@ -96,22 +109,22 @@
   border-top: 1px solid $grey-color-light;
   padding: $spacing-unit 0;
 }
 
 .footer-heading {
-  font-size: 18px;
+  @include relative-font-size(1.125);
   margin-bottom: $spacing-unit / 2;
 }
 
 .contact-list,
 .social-media-list {
   list-style: none;
   margin-left: 0;
 }
 
 .footer-col-wrapper {
-  font-size: 15px;
+  @include relative-font-size(0.9375);
   color: $grey-color;
   margin-left: -$spacing-unit / 2;
   @extend %clearfix;
 }
 
@@ -165,11 +178,11 @@
 .page-content {
   padding: $spacing-unit 0;
 }
 
 .page-heading {
-  font-size: 20px;
+  @include relative-font-size(1.25);
 }
 
 .post-list {
   margin-left: 0;
   list-style: none;
@@ -184,11 +197,11 @@
   color: $grey-color;
 }
 
 .post-link {
   display: block;
-  font-size: 24px;
+  @include relative-font-size(1.5);
 }
 
 
 
 /**
@@ -197,41 +210,41 @@
 .post-header {
   margin-bottom: $spacing-unit;
 }
 
 .post-title {
-  font-size: 42px;
+  @include relative-font-size(2.625);
   letter-spacing: -1px;
   line-height: 1;
 
   @include media-query($on-laptop) {
-    font-size: 36px;
+    @include relative-font-size(2.25);
   }
 }
 
 .post-content {
   margin-bottom: $spacing-unit;
 
   h2 {
-    font-size: 32px;
+    @include relative-font-size(2);
 
     @include media-query($on-laptop) {
-      font-size: 28px;
+      @include relative-font-size(1.75);
     }
   }
 
   h3 {
-    font-size: 26px;
+    @include relative-font-size(1.625);
 
     @include media-query($on-laptop) {
-      font-size: 22px;
+      @include relative-font-size(1.375);
     }
   }
 
   h4 {
-    font-size: 20px;
+    @include relative-font-size(1.25);
 
     @include media-query($on-laptop) {
-      font-size: 18px;
+      @include relative-font-size(1.125);
     }
   }
 }