Fix section

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 3d8e5828a07b3911c2d4a404a883ccf786ab11f7..4af85c11fcb2f78b426fd6891885f0944c975e31 100644 (file)
--- 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 7b44869f219cd4a2d5cc68a4309ce6f05c3359dc..47289704e8d6b173e5b7533b22074e50465ed90d 100644 (file)
--- 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 4d4fc790a87c55c576bed174fc84a00b1ad7bd87..e15be57f337255461c06eec302509723bfae7edc 100644 (file)
--- 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 95b74d0b9f82a8558caa572193a6dfb94cb6e62f..7139cfb5faca97f976ace192d437e9e066483e8a 100644 (file)
--- 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 7169e661e2fa667a00d9908934916701de334907..63656ad053154ad04c6ad60c628b62ff2bfbaac7 100644 (file)
--- 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