From 6883fac7def7450b1e96f8d6fca02cd4c8bf2e6e Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Thu, 22 Dec 2016 19:51:52 +0000
Subject: [PATCH] Fix section

---
 docs/css/bulma-docs.css    | 9 +++++----
 sass/components/menu.sass  | 2 +-
 sass/components/modal.sass | 1 +
 sass/layout/section.sass   | 6 +++---
 sass/utilities/mixins.sass | 3 +++
 5 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 3d8e5828..4af85c11 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -3439,7 +3439,7 @@ a.box:active {
 .menu-label {
   color: #7a7a7a;
   font-size: 0.8em;
-  letter-spacing: 1px;
+  letter-spacing: 0.1em;
   text-transform: uppercase;
 }
 
@@ -3776,6 +3776,7 @@ a.box:active {
 }
 
 .modal-card-body {
+  -webkit-overflow-scrolling: touch;
   background-color: white;
   flex-grow: 1;
   flex-shrink: 1;
@@ -6280,15 +6281,15 @@ label.panel-block:hover {
 
 .section {
   background-color: white;
-  padding: 40px 20px;
+  padding: 3rem 1.5rem;
 }
 
 @media screen and (min-width: 980px) {
   .section.is-medium {
-    padding: 120px 20px;
+    padding: 9rem 1.5rem;
   }
   .section.is-large {
-    padding: 240px 20px;
+    padding: 18rem 1.5rem;
   }
 }
 
diff --git a/sass/components/menu.sass b/sass/components/menu.sass
index 7b44869f..47289704 100644
--- a/sass/components/menu.sass
+++ b/sass/components/menu.sass
@@ -24,7 +24,7 @@
 .menu-label
   color: $text-light
   font-size: 0.8em
-  letter-spacing: 1px
+  letter-spacing: 0.1em
   text-transform: uppercase
   &:not(:first-child)
     margin-top: 1em
diff --git a/sass/components/modal.sass b/sass/components/modal.sass
index 4d4fc790..e15be57f 100644
--- a/sass/components/modal.sass
+++ b/sass/components/modal.sass
@@ -61,6 +61,7 @@
       margin-right: 10px
 
 .modal-card-body
+  +overflow-touch
   background-color: $white
   flex-grow: 1
   flex-shrink: 1
diff --git a/sass/layout/section.sass b/sass/layout/section.sass
index 95b74d0b..7139cfb5 100644
--- a/sass/layout/section.sass
+++ b/sass/layout/section.sass
@@ -1,10 +1,10 @@
 .section
   background-color: $white
-  padding: 40px 20px
+  padding: 3rem 1.5rem
   // Responsiveness
   +desktop
     // Sizes
     &.is-medium
-      padding: 120px 20px
+      padding: 9rem 1.5rem
     &.is-large
-      padding: 240px 20px
+      padding: 18rem 1.5rem
diff --git a/sass/utilities/mixins.sass b/sass/utilities/mixins.sass
index 7169e661..63656ad0 100644
--- a/sass/utilities/mixins.sass
+++ b/sass/utilities/mixins.sass
@@ -147,6 +147,9 @@
   position: relative
   width: 1rem
 
+=overflow-touch
+  -webkit-overflow-scrolling: touch
+
 =overlay($offset: 0)
   bottom: $offset
   left: $offset