【文件属性】:
文件名称:elf-scss:精灵网格系统官方移植到Scss
文件大小:5KB
文件格式:ZIP
更新时间:2021-07-11 10:59:37
CSS
更喜欢?
特征
使用尺寸一致的排水沟无限嵌套。
没有父上下文的嵌套。 例如,在 Jeet 中,您必须编写column(1/3 1/2) ,其中1/2是包含元素的大小。 除了 Elf 之外的所有比例网格系统都以某种形式或方式遭受这种影响。
基于比率的大小调整(例如column(1/3) 。
Gutters 可以是任何单位(例如30px 、 2rem等)。 这些是静态的,因此您可以垂直放置元素以及完美的网格。
与其他比率网格系统相比,文件大小很小。
Flexbox 使元素垂直和水平对齐的工作很短。
代码笔
安装
将复制并粘贴到您的项目中
@import 'path/to/elf';
应用程序接口
查看以获取 mixin 和参数说明。
debug($color: 'blue')
column($ratio: 1, $gutter: $elf-gutter)
cycle($item
【文件预览】:
elf-scss-master
----.gitignore(72B)
----History.md(467B)
----LICENSE(1KB)
----README.md(2KB)
----_elf.scss(4KB)
----bower.json(644B)
----.editorconfig(147B)