0.0.2 • Published 22 days ago
ansky v0.0.2
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 deCSS
.
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.