【文件属性】:
文件名称:taiga-grid:HTML5&SASS语义和流体网格
文件大小:6KB
文件格式:ZIP
更新时间:2021-05-06 10:36:49
CSS
大河网格
Taiga Grid是基于SASS的语义流体网格。
流畅且React灵敏
行动优先
通过Sass进行语义
可定制的网格混合
更少的嵌套
相对尺码(em)
带Smacss的模块化
为什么选择Taiga Grid?
大多数网格是为开发人员创建的,并且基于诸如span-6或grid-12之类的类。 它们是预定义的,不是语义的。 一个例子:假设我的博客中只有一个aside元素,我想完全在CSS中设置网格,而不是像aside.span-6那样在HTML中设置网格。 向下滚动以查看美观,简单的解决方案。
设置Taiga
首先,请确保已安装Sass,并且了解诸如变量,嵌套和mixins之类的Sass基础知识。 网格只有一个.scss文件,您需要使用Sass进行编译。 grid.scss文件包含以下部分:
设置基本字体的变量,例如字体系列,列数等
进行网格数学的网格混合
基本样式,用于
【文件预览】:
taiga-grid-master
----index.html(3KB)
----stylesheets()
--------grid.scss(3KB)
--------grid.css(2KB)
----LICENSE(1KB)
----README.md(2KB)
----.gitignore(29B)