Implement and document new grid helper
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 20/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Tranquilo
- Stack tecnológico
- css
- Área
- frontend
Línea de trabajo
No se nombran archivos, pruebas ni puntos de entrada. Empieza revisando las secciones existentes de Flexbox y Grid y la estructura de la navbar; después, compara las sintaxis propuestas para los helpers de grid y su compatibilidad con Firefox. Se considera terminado cuando haya una implementación acordada, la documentación y la navegación estén actualizadas, y las limitaciones de navegador indicadas se hayan resuelto o documentado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
">
- Lenguaje dominante
- CSS
- Estrellas
- 798
- Forks
- 29
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de bigskysoftware/missing
-
visual
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
bigskysoftware/missing#172 ·
-
visual
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
bigskysoftware/missing#171 · 1 comentario ·
-
User-generated content helper Abierto
Dificultad 1/5 Menos de una hora Aptitud para principiantes 68/100
bigskysoftware/missing#162 · 1 comentario · 1 reacción ·
-
enhancement question
Dificultad 5/5 Más de una semana Aptitud para principiantes 30/100
bigskysoftware/missing#174 ·
-
visual
bigskysoftware/missing#173 · 1 asignado ·
Todos los issues de bigskysoftware/missing
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
radiantearth/stac-browser#1023 ·
-
needs-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
hub-client: Titlebar refresh Abiertobug quarto-hub
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
quarto-dev/q2#721 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
-
frontend maui-pilot pilot-ask question
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100