From b178143958e00b201c4c79abd95e6380de2c8ac2 Mon Sep 17 00:00:00 2001
From: morethanwords <thanwords24@gmail.com>
Date: Fri, 30 Oct 2020 18:43:57 +0200
Subject: [PATCH] Fix scroll and overflow animation for large screen

---
 src/scss/partials/pages/_pages.scss | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/scss/partials/pages/_pages.scss b/src/scss/partials/pages/_pages.scss
index 4145501b..9c138573 100644
--- a/src/scss/partials/pages/_pages.scss
+++ b/src/scss/partials/pages/_pages.scss
@@ -44,12 +44,29 @@
   }
 
   .tabs-container {
-    max-width: 720px;
+    $max-width: 720px;
+    max-width: $max-width;
     min-width: auto;
     margin: 0 auto;
-    overflow-x: hidden;
-    /* height: 100%;
-    width: 100%; */
+    position: relative;
+
+    @media only screen and (min-width: $max-width + 1px) {
+      &:before, &:after {
+        content: " ";
+        position: absolute;
+        width: 100%;
+        left: -100%;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        background: #fff;
+        z-index: 1;
+      }
+  
+      &:after {
+        left: 100%;
+      }
+    }
 
     > div {
       /* justify-content: center; */