Petal es un framework de interfaz de usuario de CSS organizado y liviano que se ejecuta en LESS

Desde Bootstrap hasta Foundation, parece que hay un flujo interminable de marcos de CSS para elegir. Pero pocos corren en MENOS e incluso menos están tan bien organizados como Petal .

Este pequeño proyecto de código abierto fue creado internamente para el equipo de Shakr, pero decidieron publicarlo todo en GitHub . Sigue siendo un nuevo marco, por lo que hay mucho margen de mejora. En su estado actual, Petal es un marco rico en características para cualquier proyecto web.

Cualquier persona interesada debe consultar la página principal y revisar parte de la documentación .

La hoja de estilo de Petal se divide en diferentes archivos LESS, por lo que está organizada en función de las características y la configuración . De esta forma, si desea realizar cambios o buscar una clase específica, debe buscar solo un archivo, por ejemplo, typography.less, en lugar de una biblioteca completa.

Puede ver algunas de las funciones de diseño más comunes en este bolígrafo junto con los fragmentos de código que puede copiar.

Petal pretende ser un marco minimalista con estilos simples preconstruidos .

No todos quieren trabajar agregando color o tono a sus diseños. La belleza de un marco CSS es que puede proporcionar el diseño y el estilo, por lo que simplemente agrega el HTML y se pone en movimiento.

Esto es lo que hace Petal, y es una bocanada de aire fresco en un mundo lleno de páginas de inicio impulsadas por Bootstrap.

Si quieres probar esto por ti mismo, simplemente agrega la Petal.css estilo Petal.css directamente a tu documento. sección A partir de ahí, todos los estilos básicos se aplicarán directamente a todos los elementos HTML.

Puede jugar con las clases revisando la página de documentos en el sitio. De hecho, hay toda una sección que cubre la configuración básica de la página utilizando una clase, como .section como un contenedor con clases como .row o .column para la estructura .

Las opciones de diseño son prácticamente infinitas, y siempre puede agregar un formato adicional para el relleno y los márgenes si es necesario.

Para un marco CSS tan pequeño, Petal es realmente impresionante. Actualmente está en su infancia en v0.5 pero se desarrollará continuamente a medida que pasa el tiempo. Para obtener más información, consulte la página principal de Petal y vea lo que puede construir.