Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-13 21:05:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(core): bump @toeverything/theme, add cssVar use case (#5667)

Browse Source
This commit is contained in:
Cats Juice
2024-01-23 04:39:07 +00:00
parent 021105c115
commit 6c8621bdcd
4 changed files with 18 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/component/src/ui/date-picker/week-date-picker.css.tsx
View File

@@ -1,3 +1,4 @@
import { cssVar } from '@toeverything/theme';
import { style } from '@vanilla-extract/css';
export const weekDatePicker = style({
@@ -36,24 +37,24 @@ export const dayCell = style({
padding: '2px 4px 1px 4px',
borderRadius: 4,
fontFamily: 'var(--affine-font-family)',
fontFamily: cssVar('fontFamily'),
fontWeight: 500,
fontSize: 12,
selectors: {
'&:hover': {
backgroundColor: 'var(--affine-hover-color)',
backgroundColor: cssVar('hoverColor'),
},
'&[data-today="true"]:not([data-active="true"])': {
vars: {
'--cell-color': 'var(--affine-brand-color)',
'--cell-color': cssVar('brandColor'),
},
},
'&[data-active="true"]': {
vars: {
'--cell-color': 'var(--affine-pure-white)',
'--cell-color': cssVar('pureWhite'),
},
background: 'var(--affine-brand-color)',
background: cssVar('brandColor'),
},
// interactive