文件名称:mappy-breakpoints:萨斯地图断点
文件大小:9KB
文件格式:ZIP
更新时间:2024-05-26 15:21:25
SCSS
Mappy断点,使用Sass Maps的断点混合 Mappy Breakpoints是我使用Sass映射保存断点插件时一起破解过的断点混合器,可简化Web开发。 这是一个简单的例子。 假设你有一个断点映射,你要抢做一个min-width为查询small和max-width为查询large 。 $breakpoints : ( ' small ' : 320 px , ' large ' : 920 px ); @include mappy-bp ( small large ) { // stuff here } 这将自动创建一个媒体查询,并将其同时转换为em。 它也会从max-width查询中减去1px,以确保您的断点不会相互重叠。 /* output */ @media all and ( min-width : 20 em ) and ( max-width : 5
【文件预览】:
mappy-breakpoints-master
----.gitignore(47B)
----package.json(1KB)
----.bowerrc(37B)
----gulpfile.js(916B)
----LICENSE(1KB)
----README.md(7KB)
----bower.json(425B)
----_mappy-breakpoints.scss(6KB)
----test()
--------test.scss(379B)
--------_conversions.scss(1KB)
--------test_sass.js(196B)
--------_media-strings.scss(2KB)