w3c/csswg-drafts

[css-sizing-3] Illustrate the Sizing Spec

Open

#1,938 创建于 2017年11月5日

在 GitHub 查看
 (3 评论) (3 反应) (0 负责人)HTML (545 fork)batch import
Help Wantedcss-sizing-3

仓库指标

Star
 (3,546 star)
PR 合并指标
 (平均合并 87天 7小时) (30 天内合并 24 个 PR)

描述

The new sizing keywords are kindof important for authors, especially now that Flex and Grid make them more useful. It would be nice for the spec to have some illustrations.

Needed SVG diagrams:

  • size (e.g. a rectangle with arrows representing block size, inline size, width, height -- maybe abbreviated version of these ascii diagrams
  • inner size
  • outer size
  • stretch-fit size
  • max-content size
  • min-content size
  • fit-content size

(Aside from the first one, “size”, illustrating these for just the inline axis should be sufficient.)

贡献者指南

研究方向
查阅 CSS Sizing Level 3 规范（特别是关于 max content、min content 和 fit content 尺寸的章节）以理解相关概念。创建 SVG 图表来说明每个尺寸关键字，遵循规范中现有图表的风格（例如，问题中链接的 ascii 图表）。确保图表清晰并准确表示尺寸行为。向 w3c/csswg drafts 仓库提交包含 SVG 文件的拉取请求。
技术栈
无
领域
documentation
议题类型
文档
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
无
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80