Implement and document new grid helper
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 20/100
- issue の種類
- 機能追加
- 明瞭さ
- 説明が足りない
- 活発さ
- 静か
- 技術スタック
- css
- 領域
- frontend
調査の方向性
ファイル、テスト、エントリーポイントは指定されていません。まず既存の Flexbox と Grid のセクションおよび navbar の構造を確認し、次に提案されている grid ヘルパー構文とその Firefox でのサポート状況を比較してください。実装方針について合意し、ドキュメントとナビゲーションを更新し、記載されているブラウザーの制限を解消または文書化できれば完了です。
索引モデルが issue の本文から書いたものです。
説明
Questions
- Should we still have separate "Flexbox" and "Grid" sections in the navbar? If not, where do we move the content to?
Possible impls
Blocked: Update: no longer blocked@scope in Firefox.
Blocked: attr() for <custom-ident> in Firefox (I think? mdn isn't clear on this): Update: still blocked: https://caniuse.com/mdn-css_types_attr_type_function_ident
Possible new syntax from @dz4k
<style>
.grid {
[id] {
grid-area: attr(id);
}
}
</style>
<div class="grid" style="
grid-template: if(
media(width < 768px), 'title' 'nav' 'content',
'title title' 'nav content' / auto 1fr
)
">
<h1 id=title>...</h1>
<nav id=nav>...</nav>
<div id=content>...</nav>
More suggestions from deniz:
.layout-grid {
display: grid;
gap: var(--gap);
margin-block: var(--gap);
@media (max-width: 768px) {
display: flex;
flex-flow: column nowrap;
}
}
Usage:
<article class="layout-grid" style="grid: 1fr / 1fr 2fr">
<!-- or -->
<article class="layout-grid" style="
grid-template:
'image title' auto
'image desc' 1fr
/auto 1fr
">
- 主要言語
- CSS
- スター
- 798
- フォーク
- 29
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
bigskysoftware/missing のほかの issue
-
visual
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
bigskysoftware/missing#172 ·
-
visual
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
bigskysoftware/missing#171 · コメント 1 件 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 68/100
bigskysoftware/missing#162 · コメント 1 件 · リアクション 1 件 ·
-
enhancement question
難易度 5/5 1週間以上 初心者へのやさしさ 30/100
bigskysoftware/missing#174 ·
-
visual
bigskysoftware/missing#173 · 担当者 1 名 ·
bigskysoftware/missing の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
radiantearth/stac-browser#1023 ·
-
needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
bug quarto-hub
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
quarto-dev/q2#721 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
frontend maui-pilot pilot-ask question
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100