Merge branch 'common' of https://github.com/KieIO/grocery-vercel-commerce into m1-lytran

src/styles/_base.scss

@@ -33,8 +33,8 @@
   --background: #f8f8f8;
   --white: #fbfbfb;
 
-  --font-size: 1.6rem;
-  --line-height: 2.4rem;
+  --font-size: 16px;
+  --line-height: 24px;
 
   --font-sans: -apple-system, system-ui, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif;
 }
@@ -63,8 +63,11 @@ body {
 
 html {
   /* default font-size: 16px -> 62.5% * 16px = 10px */
-  /* => 1rem = 10px*/
-  font-size: 62.5% !important;
+  font-size: 50% !important; // => 1rem = 8px
+
+  @screen md {
+    font-size: 62.5% !important; // => 1rem = 10px*/
+  }
   scroll-behavior: smooth;
   touch-action: manipulation;
   font-feature-settings: "case" 1, "rlig" 1, "calt" 0;

src/styles/_utilities.scss

@@ -85,6 +85,7 @@
         padding-left: 2rem;
         @screen md {
             padding-left: 11.2rem;
+            padding-right: 11.2rem;
         }
     }
     .custom-border-radius {

tailwind.config.js

@@ -93,7 +93,7 @@ module.exports = {
           'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px',
       },
       fontSize: {
-        base: ['1.6rem', '2.4rem'],
+        base: ['16px', '24px'],
       },
       borderRadius: {
         rounded: '.8rem',