resize menu

Author: RCmags

_includes/header.html

@@ -10,7 +10,7 @@
         <input type="checkbox" id="nav-trigger" class="nav-trigger" />
         <label for="nav-trigger">
           <span class="menu-icon">
-            <svg viewBox="0 0 18 15" width="18px" height="15px">
+            <svg viewBox="0 0 18 15" width="24px" height="24px">
               <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
             </svg>
           </span>

_sass/minima/_layout.scss

@@ -11,7 +11,7 @@
 }
 
 .site-title {
-  @include relative-font-size(2.2); // Original = 1.625
+  @include relative-font-size(2.0); // Original = 1.625
   font-weight: 300;
   line-height: $base-line-height * $base-font-size * 2.25;
   letter-spacing: -1px;
@@ -41,7 +41,7 @@
     line-height: $base-line-height;
 
 	// Increase menu item size
-	@include relative-font-size(1.5);
+	@include relative-font-size(1.0);
 
     // Gaps between nav items, but not on the last one
     &:not(:last-child) {
@@ -52,7 +52,7 @@
   @include media-query($on-palm) {
     position: absolute;
     top: 9px;
-    right: calc($spacing-unit / 2);
+    right: $spacing-unit * 0.5;
     background-color: $background-color;
     border: 1px solid $grey-color-light;
     border-radius: 5px;
@@ -70,10 +70,11 @@
     .menu-icon {
       display: block;
       float: right;
-      width: 16px;
-      height: 16px;
+      width: auto;
+      height: auto;
       line-height: 0;
-      padding-top: 10px;
+      padding-top: 6px;
+      padding-right: 6px;
       text-align: center;
 
       > svg {
@@ -115,7 +116,7 @@
 
 .footer-heading {
   @include relative-font-size(1.125);
-  margin-bottom: calc($spacing-unit / 2);
+  margin-bottom: $spacing-unit *0.5;
 }
 
 .contact-list,
@@ -129,14 +130,14 @@
 .footer-col-wrapper {
   @include relative-font-size(0.9375);
   color: $grey-color;
-  margin-left: calc($spacing-unit / -2);
+  margin-left: $spacing-unit * -0.5;
   @extend %clearfix;
 }
 
 .footer-col {
   float: left;
-  margin-bottom: calc($spacing-unit / 2);
-  padding-left: calc($spacing-unit / 2);
+  margin-bottom: $spacing-unit * 0.5;
+  padding-left: $spacing-unit * 0.5;
 }
 
 .footer-col-1 {