styled-system/styled-system

Add CSS Columns module

Open

#763 建立於 2019年9月6日

在 GitHub 查看
 (2 留言) (3 反應) (0 負責人)JavaScript (543 fork)batch import
enhancementhelp wanted

倉庫指標

Star
 (7,738 star)
PR 合併指標
 (30 天內沒有已合併 PR)

描述

I’d like an almost-clone of the Grid module in Styled System made for CSS Columns properties. column-gap to use the whitespace scale, column-rule (& its derivatives) to use the border scale, etc.

Is your feature request related to a problem? Please describe. Styling CSS columns with styled-system is very inelegant right now—I want to use my whitespace scale for column-gap (like grid-gap), etc, but have to manually access the theme for those values.

貢獻者指南

研究方向
研究 styled system 程式碼庫中現有的 Grid 模組實作（可能是 `src/css grid.js` 或類似檔案），以理解將 styled system 屬性對應到 CSS 屬性的模式。然後建立一個新的 CSS Columns 模組，將 `column gap`、`column count`、`column rule` 等屬性對應到相應的主題比例（例如，`column gap` 使用 whitespace 比例，`column rule` 使用 border 比例）。查看 issue 評論以獲取維護者的任何額外要求或回饋。請注意，該 issue 自 2019 年以來一直開放，近期沒有活動，因此在實作前考慮在評論中討論方法。
技術棧
javascript
領域
frontend
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
JavaScriptstyled systemCSS Columns
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60