mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-20 19:46:32 +08:00
fundon
eac8f32f4c
* Updated `border-radius` of panel to `8px`. [BS-2901](https://linear.app/affine-design/issue/BS-2901/meta-info-ui-issue) [BS-2810](https://linear.app/affine-design/issue/BS-2810/toolbarpicker-圆角更新为-8px) * Refactored basic styles of font and panel. <img width="549" alt="Screenshot 2025-03-31 at 12 56 36" src="https://github.com/user-attachments/assets/4a827e1e-f802-4251-a563-4a34b891a5e3" />
31 lines
732 B
TypeScript
31 lines
732 B
TypeScript
import { baseTheme } from '@toeverything/theme';
|
|
import { css, unsafeCSS } from 'lit';
|
|
|
|
export const fontBaseStyle = (container: string) => css`
|
|
${unsafeCSS(container)} {
|
|
font-family: ${unsafeCSS(baseTheme.fontSansFamily)};
|
|
font-feature-settings:
|
|
'clig' off,
|
|
'liga' off;
|
|
font-style: normal;
|
|
}
|
|
`;
|
|
|
|
export const fontSMStyle = (container: string) => css`
|
|
${fontBaseStyle(container)}
|
|
${unsafeCSS(container)} {
|
|
font-size: var(--affine-font-sm);
|
|
font-weight: 500;
|
|
line-height: 22px;
|
|
}
|
|
`;
|
|
|
|
export const fontXSStyle = (container: string) => css`
|
|
${fontBaseStyle(container)}
|
|
${unsafeCSS(container)} {
|
|
font-size: var(--affine-font-xs);
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
}
|
|
`;
|