/* * libercam-icons.css * ------------------------------------------------------------------------ * Iconos libres que sustituyen los glifos de Font Awesome Pro que el * sistema usaba y que NO existen en Font Awesome Free. * * Se comportan como un de Font Awesome: caja de 1em (respetan * font-size, fa-lg, fa-xl, fa-2x...) y se pintan con currentColor * (respetan style="color:..." y las clases text-*). No hay webfont ni * pedido HTTP: cada icono va embebido como mascara SVG. * * Uso: * * Fuentes y licencias (ambas permiten uso comercial): * - Phosphor Icons MIT https://phosphoricons.com * - Material Design Icons Apache-2.0 https://pictogrammers.com/library/mdi/ * ------------------------------------------------------------------------ */ .li-icon { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; /* misma linea base que .fa-* */ background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } /* reemplaza fa-container-storage (Pro) — Phosphor ph:shipping-container-fill (MIT) */ .li-icon-container-storage { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M236.4%2070.65L130.2%2040.31a8%208%200%200%200-3.33-.23L21.74%2055.1A16.08%2016.08%200%200%200%208%2070.94v114.12a16.08%2016.08%200%200%200%2013.74%2015.84l105.13%2015a8.5%208.5%200%200%200%201.13.1a8%208%200%200%200%202.2-.31l106.2-30.34A16.07%2016.07%200%200%200%20248%20170V86a16.07%2016.07%200%200%200-11.6-15.35M64%20120H48a8%208%200%200%200%200%2016h16v54.78l-40-5.72V70.94l40-5.72Zm56%2078.78l-40-5.72V136h16a8%208%200%200%200%200-16H80V62.94l40-5.72Z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M236.4%2070.65L130.2%2040.31a8%208%200%200%200-3.33-.23L21.74%2055.1A16.08%2016.08%200%200%200%208%2070.94v114.12a16.08%2016.08%200%200%200%2013.74%2015.84l105.13%2015a8.5%208.5%200%200%200%201.13.1a8%208%200%200%200%202.2-.31l106.2-30.34A16.07%2016.07%200%200%200%20248%20170V86a16.07%2016.07%200%200%200-11.6-15.35M64%20120H48a8%208%200%200%200%200%2016h16v54.78l-40-5.72V70.94l40-5.72Zm56%2078.78l-40-5.72V136h16a8%208%200%200%200%200-16H80V62.94l40-5.72Z%22%2F%3E%3C%2Fsvg%3E"); } /* reemplaza fa-circle-dollar (Pro) — Phosphor ph:currency-circle-dollar-fill (MIT) */ .li-icon-circle-dollar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m12%20152h-4v8a8%208%200%200%201-16%200v-8h-16a8%208%200%200%201%200-16h36a12%2012%200%200%200%200-24h-24a28%2028%200%200%201%200-56h4v-8a8%208%200%200%201%2016%200v8h16a8%208%200%200%201%200%2016h-36a12%2012%200%200%200%200%2024h24a28%2028%200%200%201%200%2056%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M128%2024a104%20104%200%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m12%20152h-4v8a8%208%200%200%201-16%200v-8h-16a8%208%200%200%201%200-16h36a12%2012%200%200%200%200-24h-24a28%2028%200%200%201%200-56h4v-8a8%208%200%200%201%2016%200v8h16a8%208%200%200%201%200%2016h-36a12%2012%200%200%200%200%2024h24a28%2028%200%200%201%200%2056%22%2F%3E%3C%2Fsvg%3E"); } /* reemplaza fa-badge-check (Pro) — Phosphor ph:seal-check-fill (MIT) */ .li-icon-badge-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M225.86%20102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28%2023.51%20138.44%2016%20128%2016s-18.27%207.51-25.18%2014.14c-3.94%203.77-8%207.67-11.57%209.14c-3.25%201.36-8.69%201.44-13.94%201.52c-9.76.15-20.82.31-28.51%208s-7.8%2018.75-8%2028.51c-.08%205.25-.16%2010.67-1.52%2013.94c-1.47%203.56-5.37%207.63-9.14%2011.57C23.51%20109.72%2016%20117.56%2016%20128s7.51%2018.27%2014.14%2025.18c3.77%203.94%207.67%208%209.14%2011.57c1.36%203.27%201.44%208.69%201.52%2013.94c.15%209.76.31%2020.82%208%2028.51s18.75%207.85%2028.51%208c5.25.08%2010.67.16%2013.94%201.52c3.56%201.47%207.63%205.37%2011.57%209.14c6.9%206.63%2014.74%2014.14%2025.18%2014.14s18.27-7.51%2025.18-14.14c3.94-3.77%208-7.67%2011.57-9.14c3.27-1.36%208.69-1.44%2013.94-1.52c9.76-.15%2020.82-.31%2028.51-8s7.85-18.75%208-28.51c.08-5.25.16-10.67%201.52-13.94c1.47-3.56%205.37-7.63%209.14-11.57c6.63-6.9%2014.14-14.74%2014.14-25.18s-7.51-18.27-14.14-25.18m-52.2%206.84l-56%2056a8%208%200%200%201-11.32%200l-24-24a8%208%200%200%201%2011.32-11.32L112%20148.69l50.34-50.35a8%208%200%200%201%2011.32%2011.32%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M225.86%20102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28%2023.51%20138.44%2016%20128%2016s-18.27%207.51-25.18%2014.14c-3.94%203.77-8%207.67-11.57%209.14c-3.25%201.36-8.69%201.44-13.94%201.52c-9.76.15-20.82.31-28.51%208s-7.8%2018.75-8%2028.51c-.08%205.25-.16%2010.67-1.52%2013.94c-1.47%203.56-5.37%207.63-9.14%2011.57C23.51%20109.72%2016%20117.56%2016%20128s7.51%2018.27%2014.14%2025.18c3.77%203.94%207.67%208%209.14%2011.57c1.36%203.27%201.44%208.69%201.52%2013.94c.15%209.76.31%2020.82%208%2028.51s18.75%207.85%2028.51%208c5.25.08%2010.67.16%2013.94%201.52c3.56%201.47%207.63%205.37%2011.57%209.14c6.9%206.63%2014.74%2014.14%2025.18%2014.14s18.27-7.51%2025.18-14.14c3.94-3.77%208-7.67%2011.57-9.14c3.27-1.36%208.69-1.44%2013.94-1.52c9.76-.15%2020.82-.31%2028.51-8s7.85-18.75%208-28.51c.08-5.25.16-10.67%201.52-13.94c1.47-3.56%205.37-7.63%209.14-11.57c6.63-6.9%2014.14-14.74%2014.14-25.18s-7.51-18.27-14.14-25.18m-52.2%206.84l-56%2056a8%208%200%200%201-11.32%200l-24-24a8%208%200%200%201%2011.32-11.32L112%20148.69l50.34-50.35a8%208%200%200%201%2011.32%2011.32%22%2F%3E%3C%2Fsvg%3E"); } /* reemplaza fa-seal-exclamation (Pro) — Phosphor ph:seal-warning-fill (MIT) */ .li-icon-seal-exclamation { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M225.86%20102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28%2023.51%20138.44%2016%20128%2016s-18.27%207.51-25.18%2014.14c-3.94%203.77-8%207.67-11.57%209.14c-3.25%201.36-8.69%201.44-13.94%201.52c-9.76.15-20.82.31-28.51%208s-7.8%2018.75-8%2028.51c-.08%205.25-.16%2010.67-1.52%2013.94c-1.47%203.56-5.37%207.63-9.14%2011.57C23.51%20109.72%2016%20117.56%2016%20128s7.51%2018.27%2014.14%2025.18c3.77%203.94%207.67%208%209.14%2011.57c1.36%203.27%201.44%208.69%201.52%2013.94c.15%209.76.31%2020.82%208%2028.51s18.75%207.85%2028.51%208c5.25.08%2010.67.16%2013.94%201.52c3.56%201.47%207.63%205.37%2011.57%209.14c6.9%206.63%2014.74%2014.14%2025.18%2014.14s18.27-7.51%2025.18-14.14c3.94-3.77%208-7.67%2011.57-9.14c3.27-1.36%208.69-1.44%2013.94-1.52c9.76-.15%2020.82-.31%2028.51-8s7.85-18.75%208-28.51c.08-5.25.16-10.67%201.52-13.94c1.47-3.56%205.37-7.63%209.14-11.57c6.63-6.9%2014.14-14.74%2014.14-25.18s-7.51-18.27-14.14-25.18M120%2080a8%208%200%200%201%2016%200v56a8%208%200%200%201-16%200Zm8%20104a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M225.86%20102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28%2023.51%20138.44%2016%20128%2016s-18.27%207.51-25.18%2014.14c-3.94%203.77-8%207.67-11.57%209.14c-3.25%201.36-8.69%201.44-13.94%201.52c-9.76.15-20.82.31-28.51%208s-7.8%2018.75-8%2028.51c-.08%205.25-.16%2010.67-1.52%2013.94c-1.47%203.56-5.37%207.63-9.14%2011.57C23.51%20109.72%2016%20117.56%2016%20128s7.51%2018.27%2014.14%2025.18c3.77%203.94%207.67%208%209.14%2011.57c1.36%203.27%201.44%208.69%201.52%2013.94c.15%209.76.31%2020.82%208%2028.51s18.75%207.85%2028.51%208c5.25.08%2010.67.16%2013.94%201.52c3.56%201.47%207.63%205.37%2011.57%209.14c6.9%206.63%2014.74%2014.14%2025.18%2014.14s18.27-7.51%2025.18-14.14c3.94-3.77%208-7.67%2011.57-9.14c3.27-1.36%208.69-1.44%2013.94-1.52c9.76-.15%2020.82-.31%2028.51-8s7.85-18.75%208-28.51c.08-5.25.16-10.67%201.52-13.94c1.47-3.56%205.37-7.63%209.14-11.57c6.63-6.9%2014.14-14.74%2014.14-25.18s-7.51-18.27-14.14-25.18M120%2080a8%208%200%200%201%2016%200v56a8%208%200%200%201-16%200Zm8%20104a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012%22%2F%3E%3C%2Fsvg%3E"); } /* reemplaza fa-message-exclamation (Pro) — Material Design Icons mdi:message-alert (Apache-2.0) */ .li-icon-message-exclamation { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M13%2011h-2V5h2m0%2010h-2v-2h2m7-11H4c-1.1%200-2%20.9-2%202v18l4-4h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M13%2011h-2V5h2m0%2010h-2v-2h2m7-11H4c-1.1%200-2%20.9-2%202v18l4-4h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2%22%2F%3E%3C%2Fsvg%3E"); } /* ------------------------------------------------------------------------ * Compatibilidad de ancho al pasar de Font Awesome 6 a 7. * * FA 7 cambio el default: todo icono pasa a ancho fijo (--fa-width: 1.25em). * El sistema fue maquetado contra FA 6, donde el ancho era el natural del * glifo. Dejar el default de FA 7 corre unos pixeles casi todos los iconos * inline del sistema, asi que restauramos el comportamiento de FA 6. * * Si en algun momento se quiere adoptar el ancho fijo de FA 7 (mas * prolijo para menues e iconos en columna), borrar este bloque y revisar * los espaciados; para casos puntuales existe la clase .fa-fw. * ------------------------------------------------------------------------ */ :root { --fa-width: auto; }