Fix fluid typography resize bug in Safari

studio1902 · Sep 4, 2020 · c245250 · c245250
1 parent a95b134
commit c245250
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -259,6 +259,13 @@ module.exports = {
     //
     plugin(function({ addBase, theme }) {
       addBase({
+        ':root': {
+          // Fluid typography from 1 rem to 1.15 rem with fallback to 16px. 
+          fontSize: '16px',
+          'font-size': 'clamp(1rem, 1.6vw, 1.2rem)',
+          // Safari resize fix. 
+          minHeight: '0vw',
+        },
         // Used to hide alpine elements before being rendered.
         '[x-cloak]': { 
           display: 'none'