/* ===========================================================================
ÍCONOS
Guardados acá adentro como dibujos, no bajados de internet: la charcutería
no siempre tiene conexión, y una pantalla sin íconos no se entiende.
Se usan así:
Tamaños: ico--sm ico--lg ico--xl
OJO: el dibujo se pinta con `background-color`, recortado por una máscara.
O sea que acá el FONDO es la TINTA del ícono. Por eso a un NO se le
puede poner un fondo de color para hacerle un cuadradito detrás: se estaría
pintando el ícono de ese color y desaparece. Para eso está `.ico-chip`, que
lo envuelve.
Para agregar uno nuevo se edita LISTA en generar_iconos.py y se corre de
nuevo. NO se edita este archivo a mano: se regenera y se pierde.
Íconos: Solar (MIT) · https://icon-sets.iconify.design/solar/
=========================================================================== */
.ico {
display: inline-block;
width: 1.25em;
height: 1.25em;
flex: none;
vertical-align: -.22em;
background-color: currentColor;
-webkit-mask: var(--ico) no-repeat center / contain;
mask: var(--ico) no-repeat center / contain;
}
.ico--sm { width: 1em; height: 1em; vertical-align: -.15em; }
.ico--lg { width: 1.5em; height: 1.5em; vertical-align: -.3em; }
.ico--xl { width: 2em; height: 2em; vertical-align: -.4em; }
/* El ícono adentro de un cuadradito de color:
El color y la medida los pone quien lo usa; acá solo va la forma. */
.ico-chip {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
}
.ico-add-circle { --ico: url("data:image/svg+xml,"); }
.ico-alt-arrow-left { --ico: url("data:image/svg+xml,"); }
.ico-alt-arrow-right { --ico: url("data:image/svg+xml,"); }
.ico-arrow-down { --ico: url("data:image/svg+xml,"); }
.ico-arrow-right-up { --ico: url("data:image/svg+xml,"); }
.ico-arrow-up { --ico: url("data:image/svg+xml,"); }
.ico-bell { --ico: url("data:image/svg+xml,"); }
.ico-box { --ico: url("data:image/svg+xml,"); }
.ico-box-minimalistic { --ico: url("data:image/svg+xml,"); }
.ico-calendar { --ico: url("data:image/svg+xml,"); }
.ico-calendar-mark { --ico: url("data:image/svg+xml,"); }
.ico-cart-check { --ico: url("data:image/svg+xml,"); }
.ico-cart-large-4 { --ico: url("data:image/svg+xml,"); }
.ico-chart-2 { --ico: url("data:image/svg+xml,"); }
.ico-check-circle { --ico: url("data:image/svg+xml,"); }
.ico-chef-hat { --ico: url("data:image/svg+xml,"); }
.ico-clock-circle { --ico: url("data:image/svg+xml,"); }
.ico-close-circle { --ico: url("data:image/svg+xml,"); }
.ico-danger-triangle { --ico: url("data:image/svg+xml,"); }
.ico-document-text { --ico: url("data:image/svg+xml,"); }
.ico-dollar-minimalistic { --ico: url("data:image/svg+xml,"); }
.ico-eye { --ico: url("data:image/svg+xml,"); }
.ico-eye-closed { --ico: url("data:image/svg+xml,"); }
.ico-file-download { --ico: url("data:image/svg+xml,"); }
.ico-forbidden-circle { --ico: url("data:image/svg+xml,"); }
.ico-hamburger-menu { --ico: url("data:image/svg+xml,"); }
.ico-info-circle { --ico: url("data:image/svg+xml,"); }
.ico-list { --ico: url("data:image/svg+xml,"); }
.ico-lock { --ico: url("data:image/svg+xml,"); }
.ico-lock-unlocked { --ico: url("data:image/svg+xml,"); }
.ico-login-2 { --ico: url("data:image/svg+xml,"); }
.ico-logout-2 { --ico: url("data:image/svg+xml,"); }
.ico-magnifer { --ico: url("data:image/svg+xml,"); }
.ico-map-point { --ico: url("data:image/svg+xml,"); }
.ico-pen-new-square { --ico: url("data:image/svg+xml,"); }
.ico-phone { --ico: url("data:image/svg+xml,"); }
.ico-refresh-circle { --ico: url("data:image/svg+xml,"); }
.ico-settings { --ico: url("data:image/svg+xml,"); }
.ico-shop { --ico: url("data:image/svg+xml,"); }
.ico-star { --ico: url("data:image/svg+xml,"); }
.ico-tag-price { --ico: url("data:image/svg+xml,"); }
.ico-transfer-horizontal { --ico: url("data:image/svg+xml,"); }
.ico-trash-bin-trash { --ico: url("data:image/svg+xml,"); }
.ico-user { --ico: url("data:image/svg+xml,"); }
.ico-users-group-rounded { --ico: url("data:image/svg+xml,"); }
.ico-wallet-money { --ico: url("data:image/svg+xml,"); }
.ico-widget-5 { --ico: url("data:image/svg+xml,"); }