Webfont - Andes Desing Icons
Webfont de Andes Design Icons.
npm install @andes/icons
Uso
Agregar en style.scss:
$adi-font-path: '~@andes/icons/fonts/';
@import '~@andes/icons/scss/andes-icons';<i class="adi adi-rup-semantic-plan">Agregar nuevo ícono
Diseñar los íconos siguiendo esta guía
-
Instalar y correr Docker.
-
Sobre la consola, realizar:
npm run server. Esta acción corre fontello en el navegador, se abre automáticamente en http://localhost:3000. -
En fontello agregar íconos, cambiar configuraciones (nombres, etc).
-
Descargar el archivo config.json (dropdown rojo "Download webfont", arriba a la derecha) y reemplazarlo en la raíz de proyecto.
-
Sobre la consola, realizar:
npm run build. Regenerar todo el paquete de íconos (lo hace usando el archivo config.json, previamente descargado). -
Incrementar la versión package.json. Por ejemplo: "version": "1.1.17"
-
Hacer commit de los cambios
-
Luego, crear un tag con la versión (git tag [NUEVA VERSION]), tiene que ser la misma que en package.json. Por ejemplo:
git tag 1.1.17 -
Hacer push de los cambios.
-
Públicar en npm la nueva versión de @andes/icons:
-
npm login(usando las credenciales de Andes) npm publish