Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

CMUI/brush

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Brush

Lightweight utility library for Stylus.

Inspired by nib.

Stylus 是一款 CSS 预处理器,与 Sass 和 Less 相比,它更像是一门编程语言,功能强大,语法灵活。同时,Stylus 完全由 JavaScript 实现,对 Node.js 工具链极为友好。

而 Brush 是专为 Stylus 编写的工具库,充分利用 Stylus 的变量、Mixin、插值等特性,为现代 CSS 开发提供更舒适的编程体验。

安装

通过 npm 安装:

$ npm install cmui-brush

使用

在源码中使用

  1. 在你的样式文件中导入 Brush:

    @import './node_modules/cmui-brush/brush'
  2. 随后即可使用 Brush 提供的各项 API。

在构建环节中使用

如果你使用 gulp-stylus 来处理 Stylus 的编译,则可以在编译过程中以插件的方式来加载 Brush。请参考以下代码:

var gulp = require('gulp')
var stylus = require('gulp-stylus')
var brush = require('cmui-brush')

gulp.task('css', function () {
	return gulp.src('./path/to/src/*.styl')
		.pipe(stylus({
			use: [brush()],
		}))
		.pipe(gulp.dest('./path/to/dest/'))
})

谁在用?

移动 UI 框架 CMUI v2 采用 Brush 作为全局的样式工具库,因此所有 CMUI v2 的用户都在使用它:


License

MIT License

About

Lightweight utility library for Stylus.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Morty Proxy This is a proxified and sanitized view of the page, visit original site.