mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-31 17:19:56 +08:00
Peng Xiao
7d951a975f
using a [babel plugin](https://gist.github.com/pengx17/49e24ae8a5a609bdaff122ee8c679d1c) to transform all var(--affine-xxx) to cssVar Some issues: - tried ast-grep but it seems to be not easy to add imports conditionally - current work does not work well with ts with types because babel will strip them out
42 lines
1.1 KiB
TypeScript
42 lines
1.1 KiB
TypeScript
import { cssVar } from '@toeverything/theme';
|
|
import { globalStyle, style } from '@vanilla-extract/css';
|
|
export const importPageContainerStyle = style({
|
|
position: 'relative',
|
|
display: 'flex',
|
|
width: '480px',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
borderRadius: '12px',
|
|
boxShadow: cssVar('popoverShadow'),
|
|
background: cssVar('backgroundOverlayPanelColor'),
|
|
overflow: 'hidden',
|
|
});
|
|
export const importPageBodyStyle = style({
|
|
display: 'flex',
|
|
padding: '32px 40px 20px 40px',
|
|
flexDirection: 'column',
|
|
gap: '20px',
|
|
alignSelf: 'stretch',
|
|
});
|
|
export const importPageButtonContainerStyle = style({
|
|
display: 'grid',
|
|
gridTemplateColumns: '1fr 1fr',
|
|
padding: '0px 40px 36px',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
gap: '20px',
|
|
alignSelf: 'stretch',
|
|
});
|
|
globalStyle(`${importPageBodyStyle} .title`, {
|
|
fontSize: cssVar('fontH6'),
|
|
fontWeight: 600,
|
|
});
|
|
globalStyle(`${importPageBodyStyle} a`, {
|
|
whiteSpace: 'nowrap',
|
|
wordBreak: 'break-word',
|
|
color: cssVar('linkColor'),
|
|
textDecoration: 'none',
|
|
cursor: 'pointer',
|
|
});
|