mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-12 20:38:52 +00:00
26 lines
604 B
TypeScript
26 lines
604 B
TypeScript
import { cssVar } from '@toeverything/theme';
|
|
import { createVar, globalStyle, style } from '@vanilla-extract/css';
|
|
|
|
export const sidebarOffsetVar = createVar();
|
|
|
|
export const root = style({
|
|
width: '100vw',
|
|
height: '100vh',
|
|
opacity: 1,
|
|
display: 'flex',
|
|
transition: 'opacity 0.1s',
|
|
background: cssVar('backgroundPrimaryColor'),
|
|
selectors: {
|
|
'&[data-active="false"]': {
|
|
opacity: 0,
|
|
},
|
|
'&[data-translucent="true"]': {
|
|
background: 'transparent',
|
|
},
|
|
},
|
|
});
|
|
|
|
globalStyle(`${root}[data-active="false"] *`, {
|
|
['WebkitAppRegion' as string]: 'no-drag !important',
|
|
});
|