mirror of
https://github.com/lorsanstand/Aether.git
synced 2026-06-19 12:05:16 +03:00
mobile optimization
This commit is contained in:
@@ -24,6 +24,29 @@ export default {
|
||||
'soft': '0 15px 45px rgba(107, 112, 92, 0.1), 0 0 0 1px rgba(107, 112, 92, 0.05)',
|
||||
'logo': '0 4px 12px rgba(107, 112, 92, 0.15)',
|
||||
},
|
||||
spacing: {
|
||||
'safe-start': 'max(1rem, env(safe-area-inset-left))',
|
||||
'safe-end': 'max(1rem, env(safe-area-inset-right))',
|
||||
'safe-top': 'max(1rem, env(safe-area-inset-top))',
|
||||
'safe-bottom': 'max(1rem, env(safe-area-inset-bottom))',
|
||||
},
|
||||
minHeight: {
|
||||
'touch': '44px',
|
||||
'touch-lg': '48px',
|
||||
},
|
||||
minWidth: {
|
||||
'touch': '44px',
|
||||
'touch-lg': '48px',
|
||||
},
|
||||
screens: {
|
||||
'xs': '360px',
|
||||
'sm': '640px',
|
||||
'md': '768px',
|
||||
'lg': '1024px',
|
||||
'xl': '1280px',
|
||||
'2xl': '1536px',
|
||||
'touch': { 'raw': '(hover: none) and (pointer: coarse)' },
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
|
||||
Reference in New Issue
Block a user