mini.css一款轻级的CSS框架,一个极小的,反应灵敏的风格不可知的CSS框架

项目地址:https://github.com/Chalarangelo/mini.css

mini.css是一个轻巧的CSS框架(低于7KB的compress压缩),设计了移动设备和现代浏览器。响应性,易用性和定制性是框架的一些主要特征,而可访问性和广泛的文档是项目的一些次要重点。该框架使用Sass编写,而其大部分组件基于Flexbox。

设置和使用

当您设置mini.css时,您有4个选项:

  1. 使用包管理器(推荐)
  2. 使用GitCDN
  3. 使用Rawgit
  4. 使用cdnjs(较早版本)

有关如何使用的说明,最佳做法,模板和其他使用信息,请访问框架的文档

方法1:使用包管理器(推荐)

  1. 安装mini.css使用npmyarnbower
npm install mini.css
yarn add mini.css
bower install mini.css
  1. 选择一个可用的口味,并使用其CSS文件。
  2. 开始处理你的项目。详细的文档可以在框架的网站上找到,所以一定要检查一下。

方法2:使用GitCDN

mini.css也托管在GitCDN上,这是一个开源服务,所以您可以轻松获取最新版本的可分发内容。只需链接到HTML页面<head>标签中您喜欢的风格:

< link  rel =  stylesheet   href =  https://gitcdn.link/repo/Chalarangelo/mini.css/master/dist/{mini-flavor}.css  />

请记住{mini-flavor}用风味名称来代替(例如mini-defaultmini-default.min默认风味)。

方法3:使用RawGit

mini.css也托管在RawGit,另一个开源的服务,让您可以轻松抓取特定版本的distributables。只需链接到HTML页面<head>标签中的发行版和您喜欢的风格:

< link  rel =  stylesheet   href =  cdn.rawgit.com/Chalarangelo/mini.css/{release-tag}/dist/{mini-flavor}.css  />

请记住用{release-tag}版本”页面中的一个版本和{mini-flavor}风味名称(例如mini-defaultmini-default.min默认风味)替换。

方法4:使用cdnjs(较早版本)

如果您宁愿使用旧版本的框架,您应该转到cdnjs以获取与它们一起提供的发布和风味文件的列表。

风味和习俗

风味mini.css的主要功能之一,可让您自定义您的网站设计,使您的项目脱颖而出。我们为您提供可以满足您需求的一些预定义的口味,并帮助您了解如何使用该框架并使用它创建网站和应用程序。

但是,您可以通过编辑风味文件并自定义几乎所有内容,轻松构建自己的风格。有关更多信息,请转到“ 自定义”页面并按您喜欢的方式构建自己的风格。


特约

  • 你在框架中发现了一个错误?你想要求一个新功能还是建议一种新的口味?可能发现一些不清楚或不完整的文档?打开一个问题,我们很快就会和你在一起。
  • 你有没有开发出新的口味,想和世界分享呢?打开一个关于它的问题,以便我们可以从框架的文档链接到您的存储库,让世界知道。我们会尽量让您在任何新版本上发布,以便您可以根据需要更新您的口味。
  • 你是否为框架开发了一个模块?那么现在我们并不真的接受新的模块,但是如果它有效,我们一定会告诉人们它是可用的。打开一个关于它的问题,我们会一起计算出来。

未经允许不得转载:绿岛小站 » mini.css一款轻级的CSS框架,一个极小的,反应灵敏的风格不可知的CSS框架

赞 (2)

评论 0

评论前必须登录!

登陆 注册