mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
9cddd83786
* change hero section * add AdBanner to hero block * show icon instead of text on "connect wallet" button on md desktops * redesign stats widgets * new design for home page charts * fix skeletons * update demo values * disable getit provider * fixes for adbutler provider * show token logo placeholder for secondary coin logo * add width to hype banner * update demo values * remove letter spacing for large headings * indicators block fixes * update icons * update screenshots
46 lines
926 B
TypeScript
46 lines
926 B
TypeScript
import { defineStyle, defineStyleConfig } from '@chakra-ui/styled-system';
|
|
import type { SystemStyleInterpolation } from '@chakra-ui/theme-tools';
|
|
import { mode } from '@chakra-ui/theme-tools';
|
|
|
|
const baseStyle: SystemStyleInterpolation = (props) => {
|
|
return {
|
|
fontWeight: '500',
|
|
color: mode('blackAlpha.800', 'whiteAlpha.800')(props),
|
|
};
|
|
};
|
|
|
|
const sizes = {
|
|
'2xl': defineStyle({
|
|
fontSize: '48px',
|
|
lineHeight: '60px',
|
|
}),
|
|
xl: defineStyle({
|
|
fontSize: '40px',
|
|
lineHeight: '48px',
|
|
}),
|
|
lg: defineStyle({
|
|
fontSize: '32px',
|
|
lineHeight: '40px',
|
|
letterSpacing: '-0.5px',
|
|
}),
|
|
md: defineStyle({
|
|
fontSize: '24px',
|
|
lineHeight: '32px',
|
|
}),
|
|
sm: defineStyle({
|
|
fontSize: '18px',
|
|
lineHeight: '24px',
|
|
}),
|
|
xs: defineStyle({
|
|
fontSize: '14px',
|
|
lineHeight: '20px',
|
|
}),
|
|
};
|
|
|
|
const Heading = defineStyleConfig({
|
|
sizes,
|
|
baseStyle,
|
|
});
|
|
|
|
export default Heading;
|