凝胶的发现 
此软件包提供一系列用于 CSS 的字符串常数, 旨在帮助执行 BBC GEL 符合 网页和组件.
出口
/breakpoints - GEL断点以及打字断点。 这些软件使用可在 GEL 网格准则。 。 。 .
/spacings - GEL间隔和GEL网格边和沟道。 这些应用了可在 GEL 网格准则。 。 。 .
/typography - GEL 类型大小和字体堆栈。 这些定义是根据GEL的打字法定义制定的,这些定义可见于 GEL准则。 。 。 . 关于该软件包的类型大小是如何执行的更详细情况,请访问这里.
安装
npm install @bbc/gel-foundations --save
使用量
import { GEL_GROUP_3_SCREEN_WIDTH_MIN } from '@bbc/gel-foundations/breakpoints';
import { GEL_GUTTER_ABOVE_600PX } from '@bbc/gel-foundations/spacings';
import { getLongPrimer } from '@bbc/gel-foundations/typography';
然后这些值可以在代码中的CSS声明中直接使用:
import { css } from 'styled-components';
const SomeStyledComponent = css`
font-family: ${GEL_FF_REITH_SANS};
${getLongPrimer(script)};
@media (min-width: ${GEL_GROUP_3_SCREEN_WIDTH_MIN}) {
grid-gap: ${GEL_GUTTER_ABOVE_600PX};
}
`;
要让打字机完全可以访问和响应,请注意您应该对文档根(例如:. html { font-size: 100% }) (中文(简体) ).
我们的打字技术 rem 字体大小和行高。 这个 rem 单位代表相对于文档根的大小,因此,我们用这个来表示字体大小、行高和相距,以表示整个文档的一致外观和相间。 你可以读我们 对“REMs vs EMs for space”的详细分析 更多信息.
脚本支持
通用打字功能(如:. getLongPrimer('arabic'))收到一个脚本参数,它是具有不同脚本的对象 GEL 类型大小并返回 font-sizes 财务报告和审定财务报表 line-heights 对于特定的GEL类型(例如:. Long Premier) (中文(简体) ).
您可以导入脚本 import { arabic } from '@bbc/gel-foundations/scripts。默认情况下,您应当导入 latin 脚本在 GEL 打印指南。 。 。 .
除了拉丁文的默认外,Psammead还支持为其他一些脚本打字. 我们把具有类似特征的脚本分组如下:
| 组名称 | 服务 | 理由 |
|---|---|---|
| 长子和短子 | 新闻、豪萨、加胡扎、索马里、斯瓦希里、伊格博、皮德金、阿法安·奥罗莫、约鲁巴、阿塞拜疆、印度尼西亚、乌兹别克、塞尔维亚、俄罗斯、乌克兰、吉尔吉斯、乌兹别克 | 拉丁字母和西里尔字母的打字值相同 |
| 与分解 | 越南、芒多、非洲、巴西、土耳其 | 二极论使得这些值与拉丁文不同 |
| 阿拉伯利比亚民众国 | 阿拉伯语、普什图语、波斯语、乌尔都语 | 在使用阿拉伯字母时分组 |
| 无人驾驶或无人驾驶 | 朝鲜语、日语、忠文、乌克钦纳语、提格里尼亚语、阿姆哈拉语 | 组合所有没有升起或降起的字母. 这可以作为中国、韩国、希腊文执行 |
| 德瓦纳加里和古尔穆希 | 印地语、尼泊尔语、古吉拉特语、旁遮普语、马拉地语、泰卢古语 | Devanagari 和 Gurmukhi 字符的打字值相同 |
| 泰语 | 泰国语Name | 对泰国人物说话 |
| 宾加利语name | 孟加拉语 | 对孟加拉人说话 |
| 汉堡 | 缅甸 | 对缅甸人物说话 |
| 辛亥语 | 僧伽罗 | 对僧伽罗人说话 |
| 塔米尔 | 泰米尔语Name | 对泰米尔人说话 |
捐款
何时 添加 向此工具包新导出 出口测试 还需要更新。 何时 删除 从此工具包中导出 出口测试 需要更新软件包版本,软件包版本需要进行重大修改(EG:1.2.1 - > 2.0.0),因为这将被视为功能正在被移除时的突破性修改.
Psammead完全开源. 我们感谢任何贡献,无论是新的组件、错误修正还是总体改进。 请参看我们的主要贡献指南,可查阅: psammead 仓库的根。 。 。 .
行为守则
我们欢迎对这项工作的反馈和帮助。 通过参与这个项目,你同意遵守 行为守则请稍候再读一下.
许可证
萨姆米德 Apache 2.0 许可。 。 。 .