jeetSass 网格系统

联合创作 · 2023-09-24 01:16

Jeet 是 Sass 和 Stylus 的简单分数网格系统。

在几分钟内学习API,然后开始将网格扔在一起。

看一下这个:

npm install -D jeet
@import  'Nod_modules /喷射/喷射' ;

.container  { 
@include center (); }   


.container  DIV  { 
@include 柱(1 / 3 ); }   

Jeet函数接受小数(或浮点数),并为网格生成百分比宽度和装订线。我们能够做到这一点,同时保持大小一致,可无限嵌套的装订线(只要您提供父元素的分数作为上下文)。

该API记录在Sass中,但是我们一直在努力使这两个预处理器中的API 非常相似。@include column(1/2);在SCSS中会column(1/2)在手写笔中,是吗?

探索官方集成,查看一些社区支持的插件,这些插件是您最喜欢的框架和库。

支持的浏览器:

  • IE9+ 和所有主流浏览器

  • 包括一个漂亮的样板文件,比如: Boy,无缝且响应式支持 IE7+(gallery)

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报