(≧ ▽ ≦)ノ weeeenaaaaaaas!!!
proyecto para normalizar como lucen los elementos nativos de HTML entre distintos navegadores
también sirve de base para proyectos pequeños porque . . .
se pueden configurar los estilos directamente con el uso de propiedades personalizadas (variables) de CSS
actúa directamente sobre las etiquetas nativas, homologandolo todo y ahorrandote escribir clases y ids
tiene reglas tipográficas básicas para ayudar a la legibilidad y la accesibilidad
calcula el color de estados :hover y :focus de los elementos interactivos en base al color primario declarado
pesa tan solo 9 KB en disco
¡y no se necesita volver a compilar!
＼(￣▽￣)／
simplemente utiliza el archivo minificado que puedes encontrar en mol/normalize.min.css y si es necesario crea tu propio archivo de variables
(っ´ω`)ﾉ(╥ω╥) los inputs de type range, checkbox y radio, se muestran tal cual los presenta cada navegador. No se alteró su estilo porque para lograr homologarlos es necesario el uso de otros elementos y/o tecnologías.
si igual quieres editar algo. necesitas tener instalado node.js y bun.
puedes editar los estilos en la carpeta scss/ y ver como quedan editando los ejemplos en la documentación en docs/
- descarga el proyecto
git clone git@github.com:flkt-crnpio/mol-normalize.git - instala las dependencias de desarrollo
bun install - levanta el ambiente local
bun run dev - edita los estilos
/scssy/o ejemplos de la documentación/docs - compila tu archivo
bun run build
( . .)φ__ flkt.crnpio@gmail.com