使用CSS Mint UI Kit建立色彩丰富的平面主题网站

它们可以节省布局网格,设置页面元素样式以及添加动态组件(例如下拉菜单)的所有时间。

开源前端UI套件在开发社区中非常流行。

这个100%免费的开源UI套件非常适合所有项目以及您可以想象的任何类型的网站。

有很多使用扁平化设计的工具包,但是很少有CSS Mint可以接近的。

这是为了缓解所有跨浏览器的问题和错误,以使代码库在整个系统中保持一致。

CSS Mint的核心是Normalize库以及其他自定义重置。

所有CSS代码都遵循OOCSS原则 ,因此您应该轻松地添加(或自定义)现有代码库。

可以通过Bower或CDN链接进行安装,如果从GitHub下载副本,则可以在本地托管

首先,只需将CSS Mint样式表添加到项目中。

大多数默认元素(例如<header>都具有完全样式 ,并具有用于不同布局的可选类

网格系统基于容器<div>元素。

创建新网页时,您将遵循符合标准HTML5代码。

您可以在演示页面上看到很多示例,其中还包括代码片段。

开箱即用,您将找到按钮印刷术导航菜单表单输入丰富页面元素(例如卡片)的类。

使用CSS Mint UI Kit建立色彩丰富的平面主题网站

该框架不断以新样式和附加功能进行更新 ,因此Mint可能会长期存在。

只需将样式表添加到您的页面,就可以了!

它没有提供Sass和Less框架那样多的控制,但是Mint的优点在于其简单性。

并且,您可以在其Twitter @ amdsouza92上与创作者Arun Michael Dsouza分享您的想法。

要了解更多信息,请访问GitHub存储库以获取下载链接和安装说明。


翻译自: https://www.hongkiat.com/blog/css-mint-ui-kit/