mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-13 12:55:00 +00:00
2f6c4e3696
Co-authored-by: Hongtao Lye <codert.sn@gmail.com> Co-authored-by: liuyi <forehalo@gmail.com> Co-authored-by: LongYinan <lynweklm@gmail.com> Co-authored-by: X1a0t <405028157@qq.com> Co-authored-by: JimmFly <yangjinfei001@gmail.com> Co-authored-by: Peng Xiao <pengxiao@outlook.com> Co-authored-by: xiaodong zuo <53252747+zuoxiaodong0815@users.noreply.github.com> Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com> Co-authored-by: Qi <474021214@qq.com> Co-authored-by: danielchim <kahungchim@gmail.com>
29 lines
681 B
TypeScript
29 lines
681 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
|
|
export const tag = style({
|
|
padding: '0 15px',
|
|
height: 20,
|
|
lineHeight: '20px',
|
|
borderRadius: 10,
|
|
fontSize: 'var(--affine-font-xs)',
|
|
|
|
selectors: {
|
|
'&.weak': {
|
|
backgroundColor: 'var(--affine-tag-red)',
|
|
color: 'var(--affine-error-color)',
|
|
},
|
|
'&.medium': {
|
|
backgroundColor: 'var(--affine-tag-orange)',
|
|
color: 'var(--affine-warning-color)',
|
|
},
|
|
'&.strong': {
|
|
backgroundColor: 'var(--affine-tag-green)',
|
|
color: 'var(--affine-success-color)',
|
|
},
|
|
'&.maximum': {
|
|
backgroundColor: 'var(--affine-tag-red)',
|
|
color: 'var(--affine-error-color)',
|
|
},
|
|
},
|
|
});
|