Compilador de Less a CSS
Compila código Less a CSS estándar en línea.
Tema oscuro
Entrada Less
Pega aquí el código Less.
CSS compilado
Aquí aparece el CSS compilado.
Tamaño de entrada
0 B
Tamaño de salida
0 B
Cómo usar
- Pega código Less en el editor de entrada.
- Haz clic en 'Compilar Less' para generar CSS.
- Revisa la salida compilada y cópiala si hace falta.
- Usa el historial para restaurar transformaciones recientes.
- Cambia el tema al revisar hojas largas.
Conocimiento relacionado
Less es un preprocesador CSS que añade variables, anidación y funciones, y luego compila todo a CSS plano.
¿Por qué usar Less?
Less ayuda a organizar lógica de estilos repetida y mejora el mantenimiento, especialmente en bibliotecas de componentes y sistemas de diseño.
¿Qué revisar tras compilar?
Conviene comprobar la salida de selectores, el reemplazo de variables y cualquier regla generada para asegurarse de que coincide con lo esperado.
Características principales
- Compilación Less en el navegador
- Flujo con editor Monaco
- Copia rápida del resultado
- Historial local
Aplicaciones comunes
- Compilar fragmentos Less rápidamente
- Probar reemplazo de variables
- Previsualizar reglas anidadas
- Generar CSS para experimentos rápidos