【文件属性】:
文件名称:itcss:利用ITCSS模式CSS入门样板
文件大小:111KB
文件格式:ZIP
更新时间:2021-03-31 07:10:11
css-boilerplate itcss-boilerplate CSS
ITCSS
基于 (倒三角CSS)方法的入门样板。
关于
ITCSS是基于BEM方法的ITCSS方法的移动优先,经过响应,经过战斗测试CSS框架。
该样板旨在用作您的应用程序的起点。 您应该将其用作CSS的基础,并在此基础上构建。
如果要使用此样板的全部功能,例如变量,mixins等,则应将其包括在PostCSS文件中。
您还应该安装所需的PostCSS插件,并按照的配置文件配置PostCSS环境。
您还可以使用纯CSS的构建,但缺少混合包,自定义媒体查询和其他有用的工具。
安装
# Via NPM
npm i itcss
# Via Yarn
yarn add itcss
用法
如果您使用模块捆绑器(例如Webpack,Parcel,Browserify):
# In your CSS entrypoint
@import ' itcss ' ;
# Or if the ab
【文件预览】:
itcss-master
----.gitignore(192B)
----_.config.yml(276B)
----main.css(21KB)
----package.json(2KB)
----.travis.yml(98B)
----postcss.config.js(592B)
----assets()
--------settings()
--------components()
--------objects()
--------tools()
--------utilities()
--------generic()
--------elements()
----itcss.sketch(59KB)
----LICENSE(1KB)
----now.json(18B)
----.whitesource(137B)
----_config.yml(26B)
----itcss.svg(3KB)
----.github()
--------FUNDING.yml(463B)
--------workflows()
----.prettierignore(13B)
----README.md(13KB)
----demo()
--------main.css(21KB)
--------index.html(7KB)
----index.css(1KB)
----.npmignore(444B)
----.gitattributes(3KB)
----renovate.json(315B)
----.editorconfig(260B)
----.prettierrc(252B)
----yarn.lock(66KB)