Instalación:

npm install ansky

¿Qué hace Ansky?

Ansky permite leer la sintaxis de CSS para inyectarlo de forma directa a los objetos HTMLElement para tener una forma más legible de leer el código.

const div1 = document.createElement("div");
const div2 = document.createElement("div");
document.body.appendChild(div1);
document.body.appendChild(div2);

ansky([div1,div2],`
    width:50px; 
    height:50px;
    border: 1px solid`);

ansky(div1,`
    background-color: blue;
    border-color:red;
`);

ansky(div2,`
    background-color: red;
    border-color: blue;`);

Detalles

ansky(objHTML, css);

• objHTML : El elemento HTML o Array de elementos HTML al que se aplicarán los estilos.
• css : Una cadena de texto que contiene los estilos en la sintaxis clásica de CSS.

Limpiar Estilos

Si decide usar ansky para eliminar algunos estilos, puede hacerlo no declarando la propiedad del estilo.

ejemplo:

    ansky(div,`
        padding:;
        border:;
    `);

el punto y coma ; es importante

Recomendaciones y sugerencias

• Los estilos propios y exclusivos de los navegadores podrían ser omitidos.

• Puede construir sus string con código CSS usando acentos graves ( ` ) para una lectura más amena.

• Ansky fue pensada únicamente para el front-end, por lo que debería considerar un empaquetador como webpack o extraer Ansky.js y usarla directamente.