npm install 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;`);
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 deCSS
.
Si decide usar ansky
para eliminar algunos estilos, puede hacerlo no declarando la propiedad del estilo.
ansky(div,`
padding:;
border:;
`);
el punto y coma
;
es importante
-
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.