Instalación

Gestores de paquetes

Instala el CSS de GlassMarshmallow con el gestor de paquetes que prefieras.

npm install glassmarshmallow

pnpm add glassmarshmallow

yarn add glassmarshmallow

bun add glassmarshmallow

Usar el CSS

Enlaza el archivo compilado en tu HTML o impórtalo desde tu propio CSS.

<link rel="stylesheet" href="node_modules/glassmarshmallow/dist/css/glassmarshmallow.min.css">

@import "glassmarshmallow/dist/css/glassmarshmallow.css";

Si solo necesitas algunas partes, importa los archivos fuente uno a uno. tokens.css siempre va primero.

@import "glassmarshmallow/css/tokens.css";
@import "glassmarshmallow/css/base.css";
@import "glassmarshmallow/css/components.css";
@import "glassmarshmallow/css/backdrop.css";

Iconos

Los iconos están en su propio paquete, GlassMarshmallow Icons.

npm install glassmarshmallow-icons

pnpm add glassmarshmallow-icons

yarn add glassmarshmallow-icons

bun add glassmarshmallow-icons

Después carga la hoja de estilos y usa un icono con dos clases. Los iconos toman el color del texto que los rodea.

<link rel="stylesheet" href="node_modules/glassmarshmallow-icons/font/glassmarshmallow-icons.css">

<i class="gmi gmi-moon" aria-hidden="true"></i>

CDN

Sáltate la instalación y carga el CSS compilado desde un CDN.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/glassmarshmallow.min.css">

Descarga

Descarga el código fuente desde el repositorio en GitHub. Los archivos listos para usar están en dist/css/ y los archivos fuente en css/.

Para volver a generar dist/ después de cambiar el código fuente:

npm run css

Para herramientas de IA y LLM

GlassMarshmallow incluirá archivos que ayudan a los asistentes de IA a escribir código correcto con el framework:

• llms.txt: un mapa corto de la documentación para modelos de lenguaje.
• AGENTS.md: las reglas para los agentes que trabajan en el repositorio.
• Skills: instrucciones listas para tareas habituales.

Más información en IA.