diff --git a/tailwind.config.cjs b/tailwind.config.cjs index c3812c1..0c83322 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -94,32 +94,32 @@ module.exports = { }, spacing: { 1: '0.335rem', - 2: 'clamp(0.335rem, 0.72vw, 0.402rem)', - 3: 'clamp(0.402rem, 0.86vw, 0.482rem)', - 4: 'clamp(0.482rem, 1.03vw, 0.579rem)', - 5: 'clamp(0.579rem, 1.24vw, 0.694rem)', - 6: 'clamp(0.694rem, 1.49vw, 0.833rem)', - 7: 'clamp(0.833rem, 1.78vw, 1rem)', - 8: 'clamp(1rem, 2.14vw, 1.2rem)', - 9: 'clamp(1.2rem, 2.57vw, 1.44rem)', - 10: 'clamp(1.44rem, 3.7vw, 1.728rem)', - 11: 'clamp(1.728rem, 3.7vw, 2.074rem)', - 12: 'clamp(2.074rem, 4.44vw, 2.488rem)', - 13: 'clamp(2.488rem, 5.32vw, 2.986rem)', - 14: 'clamp(2.986rem, 6.39vw, 3.583rem)', - 15: 'clamp(3.583rem, 7.67vw, 4.3rem)', - 16: 'clamp(4.3rem, 9.2vw, 5.16rem)', - 17: 'clamp(5.16rem, 11.04vw, 6.192rem)', - 18: 'clamp(6.192rem, 13.25vw, 7.43rem)', - 19: 'clamp(7.43rem, 15.9vw, 8.916rem)', - 20: 'clamp(8.916rem, 19.08vw, 10.699rem)', - column: '5.55vw', - layout: 'clamp(1.5rem, 5.55vw, 4.5rem)', - gap: 'clamp(1.5rem, 5.55vw, 6rem)', - halfgap: 'calc(clamp(1.5rem, 5.55vw, 6rem) / 2)', - icon: '24px', - 'icon-small': '20px', - clickarea: '40px', + 2: 'clamp(0.335rem, 0.41875vw, 0.402rem)', + 3: 'clamp(0.402rem, 0.5375vw, 0.482rem)', + 4: 'clamp(0.482rem, 0.644375vw, 0.579rem)', + 5: 'clamp(0.579rem, 0.780625vw, 0.694rem)', + 6: 'clamp(0.694rem, 0.935vw, 0.833rem)', + 7: 'clamp(0.833rem, 1.1025vw, 1rem)', + 8: 'clamp(1rem, 1.425vw, 1.2rem)', + 9: 'clamp(1.2rem, 1.785vw, 1.44rem)', + 10: 'clamp(1.44rem, 2.2125vw, 1.728rem)', + 11: 'clamp(1.728rem, 2.765vw, 2.074rem)', + 12: 'clamp(2.074rem, 3.55vw, 2.488rem)', + 13: 'clamp(2.488rem, 4.15vw, 2.986rem)', + 14: 'clamp(2.986rem, 5.04875vw, 3.583rem)', + 15: 'clamp(3.583rem, 6.0875vw, 4.3rem)', + 16: 'clamp(4.3rem, 7.25vw, 5.16rem)', + 17: 'clamp(5.16rem, 9.05vw, 6.192rem)', + 18: 'clamp(6.192rem, 11.375vw, 7.43rem)', + 19: 'clamp(7.43rem, 14.0625vw, 8.916rem)', + 20: 'clamp(8.916rem, 17.85vw, 10.699rem)', + column: '6.9375vw', + layout: 'clamp(1.5rem, 6.9375vw, 4.5rem)', + gap: 'clamp(1.5rem, 6.9375vw, 6rem)', + halfgap: 'calc(clamp(1.5rem, 6.9375vw, 6rem) / 2)', + icon: '30px', + 'icon-small': '25px', + clickarea: '50px', }, fontFamily: { sans: ['SecuelaVariable', 'Arial', 'sans-serif'], @@ -127,15 +127,15 @@ module.exports = { }, fontSize: { 1: ['0.65em', { lineHeight: '' }], - 2: ['clamp(0.65rem, 0.8vw, 0.75rem)', { lineHeight: '1.625' }], - 3: ['clamp(1rem, 1.1vw, 1.25rem)', { lineHeight: '1.625' }], - 4: ['clamp(1.25rem, 1.8vw, 2rem)', { lineHeight: '1' }], - 5: ['clamp(1.5rem, 2.9vw, 3.25rem)', { lineHeight: '1' }], - 6: ['clamp(2.25rem, 4.7vw, 5.3rem)', { lineHeight: '1' }], - 7: ['clamp(3.3rem, 7.3vw, 8.5rem)', { lineHeight: '1' }], - 8: ['clamp(4.5rem, 12.2vw, 13.87rem)', { lineHeight: '1' }], - 9: ['clamp(5.5rem, 28.7vw, 22.43rem)', { lineHeight: '1' }], - code: ['clamp(0.75rem, 0.8vw, 0.9rem)', { lineHeight: '1.625' }], + 2: ['clamp(0.65rem, 0.8125vw, 0.8125rem)', { lineHeight: '1.625' }], + 3: ['clamp(1rem, 1.25vw, 1.25rem)', { lineHeight: '1.625' }], + 4: ['clamp(1.25rem, 1.5625vw, 1.5625rem)', { lineHeight: '1' }], + 5: ['clamp(1.5rem, 1.875vw, 1.875rem)', { lineHeight: '1' }], + 6: ['clamp(2.25rem, 2.8125vw, 2.8125rem)', { lineHeight: '1' }], + 7: ['clamp(3.3rem, 4.125vw, 4.125rem)', { lineHeight: '1' }], + 8: ['clamp(4.5rem, 5.625vw, 5.625rem)', { lineHeight: '1' }], + 9: ['clamp(5.5rem, 6.875vw, 6.875rem)', { lineHeight: '1' }], + code: ['clamp(0.75rem, 0.9375vw, 0.9375rem)', { lineHeight: '1.625' }], }, boxShadow: { subtle: '0 0 50px rgb(0 0 0 / 0.2)',