✨ (pagetop): Añade Grid y extrae Flex de Container

This commit is contained in:
Manuel Cillero 2026-09-18 16:49:09 +02:00
parent dfff12881f
commit 307ca6f62c
44 changed files with 2554 additions and 735 deletions

View file

@ -0,0 +1,49 @@
grid_slogan = CSS Grid positioning
grid_block_title_columns = Columns
grid_block_title_rows_gap = Rows and gap
grid_block_title_placement = Item placement
grid_block_title_alignment = Align items
grid_block_title_content_alignment = Justify content
grid_block_title_item_alignment = Individual alignment
grid_block_title_auto_flow = Auto-placement algorithm
grid_block_title_auto_tracks = Implicit tracks
grid_block_title_responsive = Responsive grid
grid_block_title_layout = Composite structure: page layout
grid_title_columns_thirds = Three equal columns
grid_title_columns_sidebar = Fixed sidebar + flexible content
grid_title_columns_min_max = Min-content, fraction, max-content
grid_title_rows = Fixed-height rows
grid_title_gap_distinct = Different row and column spacing
grid_title_placement = Column spanning and explicit ranges
grid_title_alignment_start = Justify/align items: start
grid_title_alignment_center = Justify/align items: center
grid_title_alignment_end = Justify/align items: end
grid_title_alignment_stretch = Justify/align items: stretch
grid_title_content_alignment_start = Justify content: start
grid_title_content_alignment_center = Justify content: center
grid_title_content_alignment_between = Justify content: space between
grid_title_content_alignment_evenly = Justify content: space evenly
grid_title_item_alignment = Overriding the container's alignment on a single item
grid_title_auto_flow_row = Default flow, leaves a gap
grid_title_auto_flow_dense = Dense flow, fills the gap
grid_title_auto_tracks = Equal-height implicit rows
grid_title_responsive = One column on mobile, two on tablet, three on desktop
grid_title_layout = Header and footer spanning three columns, flexible content area
grid_desc_layout = Grid::new() with fixed side columns, a flexible center column and explicit spans
grid_box_label = Box { $n }
grid_box_card = Card { $n }
grid_box_sidebar = Sidebar
grid_box_content = Content
grid_box_min_content = Min-content
grid_box_fraction = 1fr
grid_box_max_content = Max-content
grid_box_plain = Plain
grid_box_span_2 = Spans 2 columns
grid_box_range = Columns 2 to 3
grid_box_overridden = Overridden
grid_box_header = Header
grid_box_nav = Navigation
grid_box_aside = Aside
grid_box_footer = Footer

View file

@ -0,0 +1,49 @@
grid_slogan = Posicionamiento con CSS Grid
grid_block_title_columns = Columnas
grid_block_title_rows_gap = Filas y espaciado
grid_block_title_placement = Colocación de elementos
grid_block_title_alignment = Alineación de elementos
grid_block_title_content_alignment = Justificación de contenido
grid_block_title_item_alignment = Alineación individual
grid_block_title_auto_flow = Algoritmo de colocación automática
grid_block_title_auto_tracks = Pistas implícitas
grid_block_title_responsive = Rejilla responsive
grid_block_title_layout = Estructura compuesta: maquetación de página
grid_title_columns_thirds = Tres columnas iguales
grid_title_columns_sidebar = Barra lateral fija + contenido flexible
grid_title_columns_min_max = Contenido mínimo, fracción, contenido máximo
grid_title_rows = Filas de altura fija
grid_title_gap_distinct = Espaciado distinto entre filas y columnas
grid_title_placement = Columnas abarcadas y rangos explícitos
grid_title_alignment_start = Justificación/alineación de elementos: inicio
grid_title_alignment_center = Justificación/alineación de elementos: centro
grid_title_alignment_end = Justificación/alineación de elementos: final
grid_title_alignment_stretch = Justificación/alineación de elementos: estirar
grid_title_content_alignment_start = Justificación de contenido: inicio
grid_title_content_alignment_center = Justificación de contenido: centro
grid_title_content_alignment_between = Justificación de contenido: espacio entre elementos
grid_title_content_alignment_evenly = Justificación de contenido: espacio repartido a partes iguales
grid_title_item_alignment = Sobrescribir la alineación del contenedor en un único elemento
grid_title_auto_flow_row = Flujo por defecto, deja un hueco
grid_title_auto_flow_dense = Flujo denso, rellena el hueco
grid_title_auto_tracks = Filas implícitas de igual altura
grid_title_responsive = Una columna en móvil, dos en tableta, tres en escritorio
grid_title_layout = Cabecera y pie abarcando tres columnas, área de contenido flexible
grid_desc_layout = Grid::new() con columnas laterales fijas, una columna central flexible y abarcados explícitos
grid_box_label = Caja { $n }
grid_box_card = Tarjeta { $n }
grid_box_sidebar = Barra lateral
grid_box_content = Contenido
grid_box_min_content = Contenido mínimo
grid_box_fraction = 1fr
grid_box_max_content = Contenido máximo
grid_box_plain = Normal
grid_box_span_2 = Abarca 2 columnas
grid_box_range = Columnas 2 a 3
grid_box_overridden = Sobrescrita
grid_box_header = Cabecera
grid_box_nav = Navegación
grid_box_aside = Aparte
grid_box_footer = Pie