Fundamentos
Tema de Didactika v0.1Tipografía
Una sola familia, la del tema. Los plugins nunca fijan una fuente; usan los encabezados, el cuerpo y el texto pequeño de Moodle.
Un plugin nunca fija font-family, un tamaño de letra en píxeles ni un tamaño de encabezado propio. Usa las clases de encabezado (h1 a h6), el texto de cuerpo y small que define el tema, así que un tema que cambie la tipografía o la escala cambia todos los plugins. La tabla se lee del CSS de la versión elegida.
Escala
Page title
Section
Subsection
Group
Dialog title
Small heading
Body text of a page, a form and a table.
Small muted text for hints and details.
Esta versión de Moodle no tiene modo oscuro: los ejemplos se quedan en claro.
Funciones
| Función | Clase | Uso |
|---|---|---|
| Título de página | h2 en una página de plugin (el h1 de la página es de Moodle) |
El nombre de la pantalla, una vez |
| Sección | h3 |
Un bloque de una página, un paso de un asistente |
| Grupo | h4 |
Una tarjeta, un panel |
| Título de diálogo | h5 |
El título de un modal de Moodle |
| Cuerpo | ninguna | Texto, celdas de tabla, valores de formulario |
| Pequeño | small, con text-muted para lo secundario |
Pistas, detalles bajo un nombre, recuentos |
Reglas
- Los encabezados mantienen su orden: ningún
h4bajo unh2, y una clase (h4) cambia el aspecto sin cambiar el nivel del elemento. - El peso es para la jerarquía, no para decorar. Los nombres de las filas van en seminegrita; todo lo demás en normal.
- Los números que se alinean en columnas usan cifras tabulares (
font-variant-numeric: tabular-nums). - Los identificadores, expresiones regulares y código usan la monoespaciada del tema (
.font-monospace), nunca otro tamaño.
UI