macos sierra_Sierra是一个基于Sass构建的美丽的深色UI库

在一个充满前端框架的世界中，很难对所有选项进行分类。 但是，如果您是Sass爱好者，那么Sierra是最值得关注的新UI框架 。

它是完全可定制的，并且完全在SCSS代码上运行 。 这意味着它附带了数十个SCSS局部 函数和相关库 ，它们全部合并在一起成为一个功能强大（免费）的UI库。

当开发人员听说新的Sass库时，通常认为它是一组mixins 。 但是Sierra 不仅仅是变量和混合 。 这个库是一个纯蓝色的UI框架，具有自定义样式的网格 ， 字体 ， 表格 ， 按钮 ， 表单以及几乎任何设计网站所需的样式 。

总的来说，该库的未压缩重量约为34kb ，这似乎很大。 但是考虑到您所获得的一切，它的大小是一个不错的选择，并且距离目前为止最大的存储空间还远（作为参考，BootstrapCSS 度量约为115kb的未压缩大小）。

在Sierra中工作时，您将获得完全可自定义的选项，用于更改网格，填充，间距，字体大小/字体，颜色等。 全部通过SCSS进行控制，每个库都分为不同的文件，以简化组织。

UI库为最常见的页面元素提供了数十种前端样式：

• 段落和标题
• 纽扣
• 表单输入（下拉菜单，收音机等）
• 桌子
• 分页
• 左/右对齐
• 自定义加载栏

所有这些元素都可以在使用深色方案的演示页面上看到。 默认情况下，Sierra是深色的UI库，但是由于所有颜色都易于更改，因此您可以使其适用于任何样式的网站。

我唯一的抱怨是缺乏易于访问的文档 。 Sierra当前处于v2.0中，但是即使是主仓库也很少安装和自定义提示。

幸运的是，开发人员在_variables.scss文件中列出了您可以更改的所有主要变量 。 这些变量将导入所有其他Sierra SCSS文件，这意味着您只需要在一个位置更改颜色即可使其在任何地方都可以使用。

Sierra远非完美，但它是网络上为数不多的基于Sass的UI库之一。

如果您想尝试一下，请查看主要网站以获取演示和更多详细信息 。 而且，如果您真的很困惑，可以尝试在GitHub的问题页面上打开问题，或向创建者Joan Claret发送消息以获取更多详细信息。

翻译自: https://www.hongkiat.com/blog/sierra-dark-ui-library-sass/