body-ui
v3.5.6
Published
v3.5.6 de la librería de estilos CSS BodyStyle
Downloads
168
Maintainers
Readme
Bodystyle UI
Documentación
Para conocer todas las funcionalidades de la librería acudir a su documentación en:
https://bodystyle.000webhostapp.com
Comenzar
La forma más rápida y sencilla de disponer de la librería es a través del CDN que enlaza con el código de los archivos minificados.
La forma de utilizar estos enlaces es agregandolos dentro de la etiqueta <head>...</head>
de nuestro documento html.
CDN
bodystyle.min.css
bodystyle.min.js
Solo la grilla
Podemos añadir solo la grilla de bodystyle dejando de lado todo lo demas si no lo necesitamos.
Solo los utilitarios
Cabecera
<!DOCTYPE html>
<head>
<!-- META obligatorio para poder utilizar la libreria -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link con el CDN de los estilos css -->
<link rel="stylesheet" href="https://rawcdn.githack.com/FedericoManzano/bodystyle/58a25e885718d0b2db6675c502ce6a41a45f373c/dist/css/bodystyle.min.css">
</head>
<!-- Resto de la página -->
Pie
<script src="https://rawcdn.githack.com/FedericoManzano/bodystyle/58a25e885718d0b2db6675c502ce6a41a45f373c/dist/js/bodystyle.min.js"></script>
</body>
Plantilla
Dejamos una plantilla para copiar y pegar para poder cargar la librería con lo que mencionamos antes.
<!DOCTYPE html>
<html>
<head>
<!-- META obligatorio para poder utilizar la libreria -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Link con el CDN de los estilos css -->
<link rel="stylesheet" href="https://rawcdn.githack.com/FedericoManzano/bodystyle/58a25e885718d0b2db6675c502ce6a41a45f373c/dist/css/bodystyle.min.css">
</head>
<body>
<h1>Hola Mundo !!! <span class="badge badge-rojo">New</h1>
<script src="https://rawcdn.githack.com/FedericoManzano/bodystyle/58a25e885718d0b2db6675c502ce6a41a45f373c/dist/js/bodystyle.min.js"></script>
</body>
</html>
Descarga
Podemos disponer de la librería a través de su código fuente, el archivo pre-compilado o instalarla como una dependencia de nuestro proyecto con los gestores de paquetes de Node.
Archivo Precompilado
bodystyle-v3.5.0-precompilado-master.zip
Archivo Fuente
Node package
Ingresar por el terminal los siguientes comandos para instalar la dependencia de la librería.
NPM
npm i body-ui
Yarn
yarn add body-ui
Dependencias
Producción
Desarrollo
- babeljs
- webpack v4.43.0
- css-loader v3.6.0
- style-loader v1.2.1
Cambios desde la versión 2.x.x a 3.x.x
- Capacidad deresaltar el código fuente de
html
,js
,css
,java
,c
. - Dependencia dynamics-tips para los tooltips, comentarios y dropdown.
- Mejoramiento de las barras de navegación.
- Dropdown refactorizado y depurado respecto versiones anteriores.
- Archivo bodystyle.bundle.js con todos los archivos de estilo y módulos de js en un sólo archivo.
- Se incorporan íconos de fuente para añadirle a los elementos.
Se eliminaron las funcionalidades de resaltar el código fuente y se los reemplazó con una dependecia show-code-v1.1.1.
Licencia
MIT
bodystyle (c) 2020