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)



浏览 18
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报