mirror of
https://github.com/zhigang1992/react.git
synced 2026-02-11 22:32:32 +08:00
7facec3849
* feat(scaleable): add scaleable props to each component * chore(scaleable): update the exported type * feat: apply scaleable to components chore: remove with-default test: improve testcase for scaleable chore: resolve test warning ci: upgrade nodejs to latest lts docs: fix type error in document site * docs: update documents to be compatible with scaleable chore: fix build errors * chore: remove all size-related attributes docs: improve guide document * docs: add scaleable documentation test: update snapshots chore: remove unused * feat: add scaleable to grid components * docs: improve docs * test: update snapshots * fix(grid): fix basic component props
48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import { GeistUIThemesBreakpoints, GeistUIThemesFont, GeistUIThemesLayout } from './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',
|
|
unit: '16px',
|
|
}
|