开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
Grunt-pure-grids首页、文档和下载 - 生成网格单位 - 开源中国社区
全部项目分类
我要评价
BSD
JavaScript
跨平台
Yahoo
分享
收藏
收录时间:2015-05-11
Grunt-pure-grids 详细介绍

Grunt-pure-grids 能够生成纯网格的自定义单位的插件,它需要使用 Grunt 构建工具。

在你的项目的 Grunt 文件中,需要添加一个名为  pure_grids 的数据对象到 grunt.initConfig()中。

grunt.initConfig({
    pure_grids: {
        responsive: {
            dest: 'path/to/my-responsive-grid.css',
            options: {
                units: 12, // 12-column grid
                mediaQueries: {
                    sm: 'screen and (min-width: 35.5em)', // 568px
                    md: 'screen and (min-width: 48em)',   // 768px
                    lg: 'screen and (min-width: 64em)',   // 1024px
                    xl: 'screen and (min-width: 80em)'    // 1280px
                }
            }
        }
    }
});

这是一个 12 列的纯网格

grunt.initConfig({
    pure_grids: {
        twelveCols: {
            dest: 'path/to/my-grid.css',
            options: {
                units: 12, //12-column grid
            }
        }
    }
});

大家对 Grunt-pure-grids 的评论 (全部 0 条评论)
{{repayCom.userName}}
顶部