test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 03:58:07 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat：增加字体样式 helper (#2046)

Browse Source
This commit is contained in:
吴多益 2021-06-04 10:25:25 +08:00 committed by GitHub
parent 16ac0fa5c9
commit 12f8a8b9e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/components/CssDocs.tsx
View File

@ -512,6 +512,18 @@ export const cssDocs = [
{
label: 'Typography',
children: [
{
label: 'Font Family',
path: '/zh-CN/style/typography/font-family',
getComponent: (location: any, cb: any) =>
(require as any)(
['../../scss/helper/typography/_font-family.scss'],
(doc: any) => {
cb(null, makeMarkdownRenderer(doc));
}
)
},
{
label: 'Font Size',
path: '/zh-CN/style/typography/font-size',

1
scss/helper.scss
View File

@ -55,6 +55,7 @@
@import './helper/sizing/width';
@import './helper/sizing/height';
@import './helper/typography/font-family';
@import './helper/typography/font-size';
@import './helper/typography/font-style';
@import './helper/typography/font-weight';

34
scss/helper/typography/_font-family.scss Normal file
View File

@ -0,0 +1,34 @@
/*!markdown
---
title: Font Family
---
| Class | Properties |
| ----------- | ------------------------ |
| font-sans | ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' |
| font-serif | font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif |
| font-mono | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace |
*/
.font-sans {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.font-serif {
font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
}
.font-mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
'Liberation Mono', 'Courier New', monospace;
}