mirror of
https://github.com/zhigang1992/react.git
synced 2026-02-15 09:07:37 +08:00
32fe0567f7
* feat(styles): set Inter to highest font * docs(fonts): add guide for fonts rendering on windows * test: udpate snapshots
51 lines
1.1 KiB
TypeScript
51 lines
1.1 KiB
TypeScript
import {
|
|
GeistUIThemesBreakpoints,
|
|
GeistUIThemesFont,
|
|
GeistUIThemesLayout,
|
|
} from 'components/styles/themes/index'
|
|
|
|
export const defaultFont: GeistUIThemesFont = {
|
|
sans:
|
|
'"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
|
|
mono:
|
|
'Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace',
|
|
}
|
|
|
|
export const defaultBreakpoints: GeistUIThemesBreakpoints = {
|
|
xs: {
|
|
min: '0',
|
|
max: '650px',
|
|
},
|
|
sm: {
|
|
min: '650px',
|
|
max: '900px',
|
|
},
|
|
md: {
|
|
min: '900px',
|
|
max: '1280px',
|
|
},
|
|
lg: {
|
|
min: '1280px',
|
|
max: '1920px',
|
|
},
|
|
xl: {
|
|
min: '1920px',
|
|
max: '10000px',
|
|
},
|
|
}
|
|
|
|
export const defaultLayout: GeistUIThemesLayout = {
|
|
gap: '16pt',
|
|
gapNegative: '-16pt',
|
|
gapHalf: '8pt',
|
|
gapHalfNegative: '-8pt',
|
|
gapQuarter: '4pt',
|
|
gapQuarterNegative: '-4pt',
|
|
pageMargin: '16pt',
|
|
pageWidth: '750pt',
|
|
pageWidthWithMargin: '782pt',
|
|
breakpointMobile: defaultBreakpoints.xs.max,
|
|
breakpointTablet: defaultBreakpoints.sm.max,
|
|
radius: '5px',
|
|
}
|