○ 规范化 
基金会风格和标准化公用事业
使用量
检查
关闭 如何将 Origami 组件纳入您的项目
开始 o-normalise。 。 。 .
萨斯
输出全部默认值 o-normalise 样式调用混音 oNormalise数字 :
@include oNormalise();
包括: o-normalise 颗粒地,通过一个 $opts 地图。 例如输出除 Css 外的所有样式
帮助类 o-normalise-visually-hidden 财务报告和审定财务报表 o-normalise-clearfix数字 :
@include oNormalise($opts: (
'elements': ('forms', 'images', 'text', 'links'),
'body': ('font-smoothing', 'focus', 'reduce-motion')
));
选项包括:
| 特性 | 说明 | 数值 |
|---|---|---|
| 要素 | 用于应用正态样式的元素类型 . | 形式 图像 文本 链接 |
| 机构 | 适用于 html, (中文(简体) ), body, (中文(简体) ), main 要素和所有要素 :focus 状态. | "font-smoothing","焦点" |
| 帮助者 | 可人工适用于元素的类别. | "清晰","隐形" |
其他混音符
oNormaliseVisuallyHidden- 提供风格 改为 屏幕阅读器仍可访问时隐藏一个元素。 。 。 .oNormaliseClearfix- 在元素中添加清晰的样式. 见 此 Sitepoint 文章更多关于清晰的字段 - 我们对方法 3 使用一个变体 .oNormaliseBoxSizing- 补充:box-sizing: border-box对当前和所有下降的因素, 见 paul Irish的这篇文章。 。 。 .
重点国家
o-normalise 使用 :focus-visible 伪类. 这在元素时适用
与 :focus 伪类和用户代理确定应特别标明焦点.
浏览器支持良好,所以我们不再推荐
页:1 焦点可见多填充,这个应该从您的项目中删除. :focus
用作旧浏览器需要时的倒计时.
捐款
如果你认为有些东西可以加入 o-normalise, (中文(简体) ),
无论是 提出问题 来讨论或创建 Pull 请求
由Origami团队审查的变化.
如果您认为 JavaScript 的任何功能或公用设备对这样的模块有用, 请提高 问题 实际使用。 。 。 .
移徙指南
| 状态 | 主要版本 | 最后一个小版本 | 移徙指南 |
|---|---|---|---|
| 活动 | 单位3 | 不详 | 迁移到 Origami 3 |
| 维护 | 3个 | 不详 | 迁移到 v3 |
| 已贬值 | 2个 | 2.0 数据 | 迁移到 v2 |
| 1个 | 第1.7条 | 不详 |
联系人
如果您对本部分有任何问题或评论,或需要帮助使用,请访问 无论是 提出问题, (中文(简体) ), 访问 #origami - 支持 或者说 电子邮件 折纸支持。 。 。 .
许可证
本软件由金融时报根据以下规定出版: 麻省理工学院许可证。 。 。 .