Instalar

Que incluye?

Todo viene en una carpeta comprimida, la cual contiene:

• cactus4.min.css → Archivo raíz, encargado de vincular los demás. Es el único que necesitas importar en tu html. Además es donde se define los colores y tipografía

• cactus4nt.min.css → Archivo raíz, encargado de vincular los demás. No incluye fuentes ni temas. (Puedes eliminar el archivo si no lo usas)

• fonts.min.css → Archivo de fuentes

• skeleton.min.css → Archivo con formateador, sistema de grid (responsive),contenedores y helpers

• elements.min.css → Donde se define las formas y ‘componentes’

Todos los archivos tienen una comprensión para reducir el peso. La suma de ellos alcanza apenas los 10kb

Via CDN

Version Por Defecto

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/cactus_css@4.0.0/v4/cactus4.min.css"
/>

Version Sin Temas Ni Fuentes

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/cactus_css@4.0.0/v4/cactus4nt.min.css"
/>

Via administrador de paquetes

Usa el administrador de paquetes que te guste más:

• npm

 npm i cactus_css

• pnpm

 pnpm i cactus_css

• bun

 bun i cactus_css

Importar

Simplemente en la parte superior de tu app en cualquier framework web usa cualquiera de las 2 versiones según tu caso:

Por Defecto (Con tema y fuente):

import "cactus_css/v4/cactus4.min.css";

Sin tema (Sin tema ni fuente; util para personalizar)

import "cactus_css/v4/cactus4nt.min.css";
import "../styles/themes.css"; // <- ubicación de tu archivo css con las clases root.

Descargar archivos

CACTUS CSSv4 Descarga la version completa, con todos los estilos