Spectre.css –基于轻量级Flexbox的响应式CSS框架

现代浏览器终于接受了flexbox属性 ，越来越多的开发人员开始采取行动。

如果您想进入flexbox布局，那么现在是开始的最佳时间。

如果您不熟悉Flexbox，Spectre.css是可以开始使用的最佳框架之一。

但是，当您可以在可重用代码之上构建时，为什么要从头开始？

它依靠Gulp从任何计算机上即时编译和运行CSS。

这个免费的开放源代码框架预先构建了具有功能的网格系统和常见的flexbox属性 。

它还使用LESS代替Sass，这可以为所有LESS用户提供幽灵般的选择。

npm的一个下载文件提供了您所需的一切： CSS图标，mixins，变量以及几乎所有您期望从典型CSS框架获得的其他东西。

文本样式还支持带有中文，日文和韩文等语言的东亚字体 。

所有代码都是完全语义的，并且支持所有HTML文本元素 ，甚至是更新的元素 ，例如<time> 。

您可以在“元素”页面上找到大量示例 ，其中列出了文本，按钮，表格，图标和Web表单（以及其他内容）的设计示例 。

动态功能 （如弹出 菜单和下拉菜单 ）非常容易添加到任何布局中，只需几行代码。

Spectre还附带了大量的组件 ，可以节省从头开始编写代码所花费的时间。

在撰写本文时，Spectre处于v0.2中，并且具有许多可以尝试的实验功能 。

这个框架仍然很新 ，并且一直在变化。

Spectre是在具有Flexbox网格的Less上运行的最佳CSS框架之一。

但是，主要组件，页面元素和网格都可以正常运行，并且可以用于现场生产站点 。

要了解更多信息并开始使用，请访问涵盖安装和设置的文档页面 。

而且，如果您想分享自己的想法，可以在官方帐户@spectrecss上发布鸣叫。

您也可以直接从GitHub下载代码的副本，其中还有一小部分用于说明文档。

翻译自: https://www.hongkiat.com/blog/flexbox-based-responsive-framework-spectre/