Sierra是一个基于Sass构建的美丽的深色UI库
但是,如果您是Sass爱好者,那么Sierra是最值得关注的新UI框架 。
在充满前端框架的世界中,很难对所有选项进行分类。
这意味着它附带了数十个SCSS局部文件和相关库 ,它们全部合并在一起成为一个功能强大(免费)的UI库。
它是完全可定制的,并且完全在SCSS代码上运行 。
该库是一个纯蓝色的UI框架,具有自定义样式的网格 , 版式 , 表格 , 按钮 , 表单以及几乎任何设计网站所需的样式 。
但是Sierra 不仅仅是变量和混合 。
当开发人员听说新的Sass库时,通常认为它是一组mixins 。
但是考虑到您所获得的一切,它的大小是一个不错的选择,而且距离目前为止最大的体积还远(作为参考,BootstrapCSS 度量约为115kb的未压缩大小)。
总的来说,该库的未压缩重量约为34kb ,这似乎很大。
所有这些都通过SCSS进行控制,每个库都分为不同的文件,以简化组织。
在Sierra中工作时,您将获得完全可自定义的选项,用于更改网格,填充,间距,字体大小/字体,颜色等等。
UI库为最常见的页面元素提供了数十种前端样式:
- 段落和标题
- 纽扣
- 表单输入(下拉菜单,收音机等)
- 桌子
- 分页
- 左/右对齐
- 自定义加载栏
默认情况下,Sierra是深色的UI库,但是由于所有颜色都易于更改,因此您可以使其适用于任何样式的网站。
Sierra当前处于v2.0中,但是即使主要仓库也很少安装和自定义提示。
我唯一的抱怨是缺乏易于访问的文档 。
这些变量将导入所有其他Sierra SCSS文件,这意味着您只需在一个地方更改颜色即可使它们在任何地方都可以使用。
幸运的是,开发人员在_variables.scss
文件中列出了您可以更改的所有主要变量 。
Sierra远非完美,但它是网络上为数不多的基于Sass的UI库之一。
而且,如果您确实遇到问题,可以尝试在GitHub的问题页面上打开问题,或向创建者Joan Claret发送消息以获取更多详细信息。
如果您想尝试一下,请查看主要网站以获取演示和更多详细信息 。
翻译自: https://www.hongkiat.com/blog/sierra-dark-ui-library-sass/